IE8下兼容rgba颜色的半透明背景 这样的标题在百度和google搜索下很多篇文章,讲解IE8下兼容rgba的。 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug。 它们的如下: IE filter 的bug 简答评论下这个代码的问题,首先这代码在IE ...
在工作中做一个图片半透明遮罩时发现在IE 下不兼容 一查再知道IE 不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了。 先说说rgba的含义: r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgba , , ,. 就是透明度为 . 的黑色。现代浏览器是支持rgba的,但是在IE 等古董级浏览器中是不支持rgba的,I ...
2015-08-30 20:47 0 5474 推荐指数:
IE8下兼容rgba颜色的半透明背景 这样的标题在百度和google搜索下很多篇文章,讲解IE8下兼容rgba的。 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug。 它们的如下: IE filter 的bug 简答评论下这个代码的问题,首先这代码在IE ...
用一个大的div来包裹阴影层(半透明div)和p标记,p标记要放在阴影层之外;然后利用position:absolute、z-index、background-color、opacity、filter:alpha(opacity)等等样式,就能实现想要的效果。 效果 ...
今天遇到了一个问题,要在一个页面中设置一个半透明的白色div。这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数 ...
引入 鱿鱼项目要求要做一个半透明的罩层,而且罩层上有一个类似alert框的div。因为如果用opacity的话,父级有了透明度就会影响子级,所以用rgba()就能解决透明度继承的问题。但问题又来了,rgba()是css3的新属性,所以IE8及以下浏览器不兼容,这怎么办呢?终于我找到 ...
低版本IE下不支持rgba()的表示方法,怎么办? background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=# 7F000000 ...
);//兼容IE 第二行的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是这 ...
首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下,知其然也知其所以然。 IE8-特点: 1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置 ...
如何简单兼容性的实现父元素是半透明背景色,而子元素不受影响。 兼容所有浏览器的背景颜色半透明CSS代码: 注意:startColorStr 和 endColorStr 的值,前两位是十六进制的透明度,后面六位是十六进制的颜色。 其格式为 #AARRGGBB 。 AA 、 RR ...