0

我正在测试我的最新设计，但有一个具体问题我无法弄清楚。

当我悬停该元素时，似乎某个特定元素正在触发不透明度更改。根据我的测试，这只发生在 Firefox 和 IE 中。它不会发生在 Chrome 中。

我最好的猜测是，这是由于某种特定于浏览器的 CSS 而发生的，但我无法在导致这种不透明度变化的任何元素上找到任何 CSS。

问题之一是当我需要发现源代码问题时我通常使用 Chrome F12，而我在 Firefox 和 Chrome 中很难找到悬停 CSS 效果。

这是我的测试站点的链接，例如，当您打开手风琴选项卡“Vælg Stof Indvendig”并将图像悬停时，您可以在 Firefox 和 IE 中看到问题： http ://www.geniusdesign.dk/Demoer/Tailoredsuits /design-dit-eget-jakkesaet/设计-selv-jakkesaet-detaljer

4

2 回答 2

1

您有 css 说明以下内容：.product-field-display:hover { opacity: 0.5; }

因为该.product-field-display元素是一个跨度包装的 div，Chrome 基本上使它成为一个非元素（高度/宽度为 0，并且在页面上没有位置）。但 Firefox 仍在对它做出反应（我猜 IE 也是）。

于 2013-08-20T19:26:06.297 回答
0

我看不到您的网站，但您是否在 CSS 顶部使用了重置？这通常可以解决这样的问题。一些浏览器默认会做一些奇怪的事情！

于 2013-08-20T13:31:33.877 回答