2017-11-27 5 views
0

私のマゼンタの店では、私の製品がバックグラウンドでホバリングしたときに色が変わり、シャドウ効果があります。マウスを取り外すと、以前と同じように元の状態に戻ります。背景色が異なる色のままになる原因は何ですか?開発現場ではこれをしていませんでしたが、今はそうです。マゼンタのCSSが私の製品にホバー効果を取り除く

https://popstops.com/graphic-inserts/stock-graphics

答えて

0

私はクロームに開発ツールをオーバーチェックしようとしたとき、私はあなたのサイトに404件の問題の多くを参照してください。これらの問題を試してみて、これらを1つずつ解決してください。ホバーで問題が解決する可能性があります。ホバー効果がある主な理由は、現時点でサイトに存在するjavascriptによるものです。実際に開発者用ツールに表示されている別のものは、slick.min.jsです。他に先にこれを解決できるかどうかを確認してください。

enter image description here

+0

これは、失敗した他のプロジェクトから残されたものです。そのすべてが削除されました。 –

+0

何かが異なる背景色のホバー上の.itemに要素スタイルを追加していますが、それは消えません。私はCSSで私のホバー効果をチェックし、何も背景色に触れません。それはまた、ポジションを追加している:realtive;それは何かを変えるようなものではありません。 –

+0

はい、そのjavascriptに基づいて、私の次の答えを参照してください:) –

1

はあなたが試すことができますスクリーンショットを参照し、コードのこの部分をコメントアウトして、これはあなたが現在見ホバー効果を無効かどうかを確認します。

ファイル名: スキン/フロントエンド/ベース/デフォルト/ JS/amasty/amquickview/amquickview.js

コード部分:私はそれが永久に我々の背景を変更し見るものになど

showLen : function(element) { 
    if(!element) return false; 

    var hover = $(element).select('.amquickview-hover').first(); 
    if(!hover){ 
     hover = this.createHover(element); 
    } 

    if(hover){ 
     // This is what you need to comment out. 
     /* 
     hover.show(); 
     if(!this.color) { 
      this.color = element.getStyle('background-color'); 
     } 
     element.setStyle({ 
      backgroundColor: '#eee' 
     }); 
     */ 
    } 
}, 

あなたが現在持っている問題を無効にするかどうかを試してコメントすることができます。

+0

あなたはまた、私のクイックビュー機能を取り除くことがわかるように、色の変更を取り除きました。 –

+0

jsをオーバーライドする色を定義するのに、CSSの重要なタグを使用しました。今、それは私がそれを望む方法で動作します。それはおそらく最初から簡単だったでしょう。 –

+0

ええ、私は実際に開発者ツールの背景色を自動的に変更するので、どのCSSも見ていませんでした。しかし、yah私はCSSの重要なことはあなたができるアプローチだと思います。 :) –

関連する問題