knrt.net
当前位置:首页 >> Css怎么调背景图片透明度 >>

Css怎么调背景图片透明度

在要透明层的div上加以下CSS代码 div{ filter:alpha(opacity=50); /*支持 IE 浏览器*/ -moz-opacity:0.50; /*支持 FireFox 浏览器*/ opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/ }

示例代码如下,兼容各种主流浏览器: body:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

css里给背景图片变透明点 给图片的div加什么代码才能实现,首先我们如果在一个div中做的话,必然会是这个div整体变的透明,而不单独是背景,所以我们需要2个div,一个做背景层,然后一个显示内容,层的概念,z-index的数值越大,层就越在上面,...

CSS Alpha透明的相关知识。先请看如下代码: filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/ 简单解释,IE使用私有属性filter:alpha(opacity),Moz Family使用私有...

可以把带有 不透明度的div 跟 嵌套img 的div 分开来,也就是 把两个效果分开,让 背景图片的div 跟 img 所在的div在相同的位置, 但设置 不同的 z-index 值,让背景图片的div在 img div 的下层。效果上可以达到你想要的,但 在你说的基础上 多一...

可以设置半透明 div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明: 1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 2、-moz-opacity:对mozilla firefox火狐浏览器...

设置一个透明滤镜样式,然后需要透明的引用这个滤镜就可以了 .alpha{filter:alpha(opacity=30);width:400px;}

一、不起作用的原因: 1、写法错误。 2、浏览器不兼容。 二、css中正确的图片透明度写法: 例:原图: css中加透明度写法: img{opacity:0.4;filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */ } 这样图片显示为: 说明: IE9, Firefox,...

有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。 CSS: filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器...

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com