半透明div#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(/wall3.jpg);}#div2 { height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff; } 这里是透明的DIV http://www.999jiujiu.com/
文字显示在图片上*{border:none;text-decoration:none}.wrap{margin:8px;position:relative}.photo a{position:absolute;display:block;border:1px solid #555555;}.photo a:hover{border:1px solid #FFFFFF;}.photo span{width:500px;background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;font:bold 12px/30px Verdana, Arial; text-align:center...
如图片: 1、这种背景效果用CSS3应该怎么做? 他不是纯的半透明,有点砂玻璃的效果? 导出图片又会变成白色的。 可能是 半透明0.85,外加Filer,有人可以做出来么? 2、下面的流线型的图片上还有文字,如果用png作为背景。还有半透明效果吗? 是不是左边用图片,右边用背景。 这样是不是会出现缝隙??? 回复讨论(解决方案) rgba(255,255,255,0.85); rgba(255,255,255,0.85); 不是只...
在工作中做一个图片半透明遮罩时发现在IE8下不兼容 一查再知道IE8不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了。 先说说rgba的含义: r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgba(0,0,0,.5)就是透明度为0.5的黑色。现代浏览器是支持rgba的,但是在IE8等古董级浏览器中是不支持rgba的,IE8只能勉强支持rgb()函数(即去掉了透明度,只能表示颜色...
项目中经常有遇到需求半透明的情况,如图片、文字、容器、背景等等,每次都要去翻以前的项目,不甚其烦。现在一次性做个小结,方便自己查阅,也同时分享给大家: 一、 元素容器透明 1 .div{2 opacity: 0.5; /* Firefox、Chorme、Opera等主流浏览器识别 */3 filter:alpha(opacity=50); /* IE6及以上IE浏览器识别 */4 } 说明: 1. opacity:* 取值0-1之间,由全透明向不透明递增,超过1之后默认不透明; 2...
CSS如何设置div半透明效果:设置元素的透明度在很多应用中都有使用,下面就介绍一下如何设置一个元素为半透明,其他的透明效果自己衍伸就可以了。代码实例如下: 蚂蚁部落div{ filter:alpha(opacity=50); opacity:0.5; width:100px; height:100px; background-color:green;} opacity属性所以标准浏览器都支持,但是IE8和IE8以下浏览器不支持此属性,于是就使用filter:alpha(opacity=50)进行...
首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下,知其然也知其所以然。 IE8-特点: 1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置了z-index的值(除默认值auto外),则内容会随着背景元素一起半透明 3.如果背景元素的内容元素本身或其祖先节点(这些祖先节点是背景元素的后代节点)没有设置css定位...
css实现的文字位于图片之上且背景半透明:现在很多网页中都有这样的效果,就是文字说明悬浮于图片之上,并且文字的背景是半透明的,这不但美观而且也可以节省网页空间,下面就通过代码实例介绍一下如何实现此效果。代码如下: 蚂蚁部落 a.title{ color:#D3D3D4; background-color:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#A0000000',EndColorStr...
现在做的网站首页,导航条等使用了半透明效果,调试的时候鄙人使用了Chrome浏览器,之前有考虑过IE的兼容性问题,但打算,网页完全布局完成后一次性解决。因为只要求兼容到IE8,所以感觉并没有什么太大的问题。 但是当进入调试阶段的时候,我彻底“崩溃了”IE简直就是反人类的代名词,但问题仍然需要解决。 首先,正常情况下,在高版本的浏览器下,对一个盒子的背景使用半透明效果,我们只...
在项目中的问题,之前用的是用IETest测试IE7,8发现背景透明设置无效,后来找文章解决!看了一些资料,做下总结。 几种IE半透明CSS样式 IE8里可以这样写 -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(opacity=50)”; IE7里可以这样写 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); IE6,IE7,IE8里都可以这样写 filter:alpha(opacity=50) progid:DXImageTransform.Microsoft这种写法很是难懂...
代码如下: 顶部固定 html,body {overflow:hidden;margin:0px;width:100%;height:100%;} .virtual_body {width:100%;height:100%;overflow-y:scroll;overflow-x:auto;} .fixed_div {position:absolute;z-index:2008;top:0px;left:0px;right:16px;height:40px;background:#CCCCCC;border-bottom:3px inset;border-color:#006699; //bottom:20px; //border:1px solid red; //border-style:inset; //半透明效果制作 //filter:alph...
DIV背景半透明,DIV中的字不半透明 代码如下: 图层背景半透明,字体颜色也半透明 代码如下: 图层背景半透明,字体颜色不半透明 *******带filter的层一定要有width属性,否则filter无效。******** 我们可以用CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。 例: 黑白照片 filter: gray; X光照片 filter: Xray; 风动模糊 filter: blur(add=true,direction=45,strength=30); 正弦波纹 filter: Wave(Add=0, Freq=60, L...
Html/Css标签透明度效果的实现,在html中,实现半透明背景,在HTML p+Css编程中,为了实现版透明,通常有3中做法。方法一:第一种是HTML5的透明,在H5中支持透明背景颜色,但遗憾的是,H5中的办透明背景颜色只支持 rgba的写法,不支持16进制的写法如:background-color:rgba(0,152,50,0.7);// -->70%的不透明度 background-color:transparent;支持完全透明在传统浏览器中,IE浏览器的独特性也是某些透明度设置的不确定性因素一般来说...