让背景透明
这个世界变化很快，IE8也快出来了，它将不在支持以前{filter:alpha(opacity=50);}的私有属性，转而支持更规范的私有属性-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;加之Firefox2.0和Opera9.0以前版本很少见到，所以所有的主流浏览器都已经支持纯CSS而不用png图片来实现半透明效果，代码是：
<div id="out"> <div id="in">不透明<div> <div id="alpha">半透明<div> <div> <style type="text/css"> #out{ padding:20px 0; height:100px; width:200px; position:relative; } #in{ background:#fff; margin:0 10px; } #alpha{ position: absolute; top:0; left: 0; width: 100%; height:100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/ filter:alpha(opacity=30); /*IE5、IE5.5、IE6、IE7*/ opacity: .3; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/ z-index: -1; /*让其位于in的下面*/ background:#fff; } </style>
于是要设置一下透明度为60%的DIV就应该这样写了：
div.transp { /* make the div translucent */
opacity: 0.6; /* Firefox, Safari(WebKit), Opera)
filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 4-7 */
zoom: 1; /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
}
opacity这个是属于CSS3里面的东西了，属于CSS3的标准。然而微软IE8还不支持这一属性。
DIV背景半透明，DIV中的字不半透明
<body bgcolor="#336699">
<div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow">图层背景半透明，字体颜色也半透明</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">图层背景半透明，字体颜色不半透明</span></div>
fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。scroll这元素的作用正好与fixed相反，此元素与HTML中的背景元素所产生的效果基本相同，就是说可以直接html中添加，不错吧~
代码：
<style>
body {background-position: center;//背景居中
background-repeat: no-repeat;//无重复
background-attachment: fixed;//固定不动}
</style>
------------------------------
下面的是在html中直接添加的:
<body style="background-attachment:fixed";background="背景图片路径“>
</body>
559
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
