半透明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浏览器的独特性也是某些透明度设置的不确定性因素一般来说...