为什么css中p的filter:Alpha不起作用！

html-css031

为什么css中p的filter:Alpha不起作用！,第1张

css中p的filter:Alpha不起作用，首先理解filter:Alpha的意思，就是透明度的应用，这个是在IE下有用，还有一个常用的是apacity这个用于firefox等浏览器，会出现不起作用的问题，可能是因为这个p你没有它或者是它的父级设置一定的width和height，所以不会起作用，这里通过代码来理解：

<html>

<head>

<style>

#div1{

width:200px

height:100px

}

#div1 p{

width:100px

height100px

apacity:0

filter:alpha(opacity=0) //避免出现浏览器的不兼容性。

}

</style>

</head>

<body>

<div id='div1'>

<p>我会被隐藏</p>

</div>

</body>

</html>

建议你不要经常使用滤镜。

一是CSS滤镜目前仅IE支持，并且有时在支持上会出现无法解释的BUG。

二是CSS滤镜如果用的太多了，会给访客的电脑造成负担。因为它的是客户端完成的，CSS滤镜效果太多太炫的话很会吃电脑内存，并且会让网页拖动起来不流畅。

1.尽量让被使用css滤镜的对象包含 position width height 属性中的一个

2.有足够的空间 显示 滤镜效果

3.对象若有背景有些滤镜会把背景色或背景图，就会把背景也包含进去，文字上就不会如期出现效果，可再用一个符合以上2个条件的无背景标签包含它

css滤镜毛病多，用在table上效果好，div就是爱出各种问题：实在不行可以给对象加个float试试