Question

我正在尝试使用不透明度转换，它似乎适用于除IE以外的所有浏览器。 IE 10应该支持转换，它确实......有时候。我无法弄清楚为什么我的代码不起作用。第一个字母的代码在IE中也不起作用。这是不支持还是我做错了什么？

<style type="text/css">
    #piccode { 
        opacity:0; 
        -moz-transition-duration: 1s; 
        transition-duration: 1s; 
        -webkit-transition-duration: 1s; 
        -ms-transition-duration:1s; 
        -o-transition-duration: 1s;
    }
    #piccode:hover { 
        opacity: 1; 
    }
    #postbody p:first-letter { 
        letter-spacing:1px; 
        line-height:0.5; 
        font-size: 25px; 
        font-family: 'Lovers Quarrel', cursive; 
    }
    #postbody b { 
        color: #8b5a3c; 
    }
</style>

我不知道它是否有所作为，但如果我删除了转换，则悬停继续无效。我想我的悬停可能是问题...如果我在这里听起来很笨，我很抱歉。我完全是自学成才！

Answer 1

对于转换，您忘记指定要设置动画的属性（为简单起见，我在这里使用了shorthand property）：

#piccode { 
  opacity:0; 
     -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s; 
      -ms-transition: opacity 1s; 
       -o-transition: opacity 1s;
          transition: opacity 1s; 
}

对于first-letter，建议使用带有两个冒号::的语法（较旧的浏览器版本也应支持单冒号语法）：

#postbody p::first-letter { /* ... */  }

CSS无法在IE中运行

1 个答案: