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

html-css018

为什么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试试