Internet Explorer透明度

Question

我是使用一个不透明的对象在一个网站上隐藏它，除非悬停，而当悬停时，它显示自己。

然而，对于互联网浏览器，这个小css技巧是行不通的。之前，我不包括

filter:alpha(opacity=0);

CSS标签但是现在CSS的内容如下：

#title-0, #title-1, #title-2, #title-3, #title-4, #title-5, #title-6, #title-7, #title-8 
{
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
transition:all 0.2s linear;
zoom:1;
filter:alpha(opacity=0);
opacity: 0.0;
}

悬停时

#portfolio-0:hover > #title-0, #portfolio-1:hover > #title-1, #portfolio-2:hover > #title-2, #portfolio-3:hover > #title-3, #portfolio-4:hover > #title-4, #portfolio-5:hover > #title-5, #portfolio-6:hover > #title-6, #portfolio-7:hover > #title-7, #portfolio-8:hover > #title-8         
{
opacity:1.0;
zoom:1;
filter:alpha(opacity=100);
}

有什么重要的东西不见了吗？

所有的帮助都得到了赞赏，这在我测试过的所有主要浏览器中都是完美的，除了IE

/ *更新* /

好的，根据到目前为止的精彩答案，这是我改变了“不徘徊”的css，这应该隐藏的标题，除非图片是悬停。

#title-0, #title-1, #title-2, #title-3, #title-4, #title-5, #title-6, #title-7, #title-8
{
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
transition:all 0.2s linear;
zoom:1;
filter:alpha(opacity=0);
opacity: 0.1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
<!--[if IE]>
opacity: 0.01;
<![endif]-->
}

但试图隐藏的对象im仍然显示:/

Answer 1

你想迎合什么版本的IE？

http://css-tricks.com/snippets/css/cross-browser-opacity/

这个网站应该给你一个答案，看看下面这句话：

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

明显地将悬停时的不透明度值更改为be (Opacity=100)

同样在你的悬停中

filter:alpha(opacity=0); 

它应该是

filter:alpha(opacity=100);