错误写法: 导致内部元素也变成透明的了 正确写法: ...
假设背景为黑色, 半透明,对需要半透明的层用如下CSS 如果只做了这一步,在IE中子元素也会被用上滤镜而透明,所以对于不需要透明的子元素们需要改变层级使之不受滤镜作用,方法是明确做一个定位,即将position设置成relative,absolute或fixed中的一种。至于另外两种:static,其实也就是默认值,是不定位的,而inherit会直接被IE无视掉 ...
2013-10-11 01:38 0 4842 推荐指数:
错误写法: 导致内部元素也变成透明的了 正确写法: ...
模态框: html部分: css部分: JavaScript: 如有疑问,可留言! ...
设置元素的透明度: -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成 ...
CSS实现父元素半透明,子元素不透明。 很久以来大家都习惯使用opacity:0.5在新式浏览器里实现半透明,而对IE较旧的版本使用filter:Alpha(opacity=0.5)的滤镜来实现半透明。但是这样实现的半透明有个问题,那就是这个属性会被子元素所继承。 如下代码,则子元素中也将是 ...
首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下,知其然也知其所以然。 IE8-特点: 1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置 ...
之前做了个半透明弹层,但设置背景半透明时,子元素包含的字体及其它元素也都变成了半透明。对opacity这个属性认识的不透彻,在这里做一些总结,方便以后使用。 背景透明,文字不透明的解决方法: 为元素添加一个绝对定位的子元素,设置大小和该元素一样 ...
在我们设计制作一些网页的时候可能会用到半透明的效果,首先我们可能会想到用PNG图片处理,当然这是一个不错的办法,唯一的兼容性问题就是ie6 下的BUG,但这也不困难,加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层,如登陆框、注册框、提示等,这时可能需要整个页面都要被半透 明的遮罩层 ...