background-color:IE7中的白色显得透明

时间:2012-03-26 15:46:28

标签: css background internet-explorer-7 transparent

是的,你刚才读到了。

我的谷歌搜索给了我很多结果,人们想要一个透明的背景,它看起来很白。

今天,我偶然发现了相反的情况!这似乎是一个真正的错误,因为我能够在JSFiddle中重现它:http://jsfiddle.net/qtByH/

默认情况下,背景颜色设置为红色,一切正常。如果您将其更改为白色并重新运行小提琴(当然使用IE7),当您悬停链接时背景将保持透明。

有什么想法吗?

修改:这是代码,以防小提琴消失。

HTML:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <a href="javascript:void(0);">Test</a>
    </body>
</html>

CSS:

body { background-color: green; }
a:hover { background-color: red; }

4 个答案:

答案 0 :(得分:1)

嗯,你在另一个HTML文档中有一个HTML文档,这可能会使浏览器恢复为怪异模式。 JsFiddle网站已经在HTML代码周围添加了一个文档,因此您不应该输入完整的HTML文档。

http://jsfiddle.net/Guffa/qtByH/3/

答案 1 :(得分:0)

你在某处有色度滤镜吗?

filter: Chroma(color='#ffffff');

filter:progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');

或类似的东西?

色度滤镜设置的颜色是透明的。

http://msdn.microsoft.com/en-us/library/ms532982(v=vs.85).aspx

答案 2 :(得分:0)

请参阅没有不必要的html代码和输出演示的小提琴:

小提琴:http://jsfiddle.net/qtByH/5/

演示:http://jsfiddle.net/qtByH/4/embedded/result/

答案 3 :(得分:0)

正如我的评论所指出的那样,zoom: 1;是可行的方式(必须是另一个hasLayout问题)。