我正在测试我的最新设计，有一个我无法弄清楚的具体问题。
当我悬停元素时，似乎是一个指定元素正在触发不透明度变化。 根据我的测试，这只发生在Firefox和IE中。它不会发生在Chrome中。
我最好的猜测是，由于某种特定于浏览器的CSS，这种情况正在发生，但我无法在任何导致此不透明度变化的元素上找到任何CSS。
其中一个问题是，当我需要发现源代码问题时，我通常会使用Chrome F12，并且我很难在Firefox和Chrome中找到悬停的CSS效果。
这是一个指向我的测试站点的链接，当你打开accordeon选项卡“VælgStofIndvendig”并悬停图像时，你可以在Firefox和IE中看到问题： http://www.geniusdesign.dk/Demoer/Tailoredsuits/design-dit-eget-jakkesaet/design-selv-jakkesaet-detaljer
答案 0 :(得分：1)
您有css说明以下内容：.product-field-display:hover { opacity: 0.5; }
由于.product-field-display元素是包裹div的跨度，因此Chrome基本上将其设为非元素（高度/宽度为0且页面上没有放置）。但Firefox仍在对它做出反应（我猜IE也是如此）。
答案 1 :(得分：0)
我无法看到您的网站，但是您是否在CSS的顶部使用了重置？这通常可以解决这样的问题。有些浏览器默认情况下做了奇怪的事情！