给大家带来CSS教程:通明度属性
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。网页制造poluoluo文章简介：css中的通明度属性.
Firefox3.5已不撑持公有属性-moz-opacity了，在Mozilla1.7(Firefox0.9)之前FF都是利用这个公有属性的，Firefox0.9-Firefox3同时撑持-moz-opacity和opacity这两个属性，Firefox晋级到3.5以后，一些网站本来有的通明没有了，呵呵。
除IE以外，今朝支流扫瞄器，Opera9.0及更高版本，Safari1.2(WebKit125)及更高版本，chrome等等都撑持opacity这个设置通明度的属性，opacity的属性值是0<number<1的数值，默许值是1。
比方50%通明的类：.example{opacity:0.5;}
IE的通明度的属性从IE4-IE8利用filter:alpha(opacity=number)，这里的number是0-100之间的整数数值，IE8中我们也能够用-ms-filter:"alpha(opacity=number)"。IE中还撑持progid:DXImageTransform.Microsoft.Alpha(Opacity=xx)这类写法，可是不倡议利用。
以是我们能够如许写通明度类：
.example{/*maketheboxtranslucent(80%opaque)*/
opacity:0.8;/*Firefox,Safari(WebKit),Opera*/
-ms-filter:"alpha(opacity=80)";/*IE8*/
filter:alpha(opacity=80);/*IE4-7*/
zoom:1;/*set"zoom","width"or"height"totrigger"hasLayout"inIE7andlower*/
}
这些能够参照：https://developer.mozilla.org/En/CSS:-moz-opacity
固然我们还会用js来设置元素的通明度，比方：
varel=document.getElementById("mybox");
el.style.opacity=50/100;//这里写出50/100次要是为了和ie的写法一致，便于一参数情势传进
el.style.filter=Alpha(Opacity=50);
这里要说的是，Firefox3.5在css上已不撑持公有属性-moz-opacity了，可是js中的el.style.MozOpacity=val/100;仍是被Firefox3.5撑持的，可是我不倡议利用，由于这是ff的公有的，其他扫瞄器不撑持。
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。 经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅. 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 学Dreamweaver技术的过程其实是一个增加信心的过程。 HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器） Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
页:
[1]