仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 901|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS教程:通明度属性

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:40:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
如果单独使用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)。
灵魂腐蚀 该用户已被删除
沙发
发表于 2015-1-17 23:41:12 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
若天明 该用户已被删除
板凳
发表于 2015-1-25 19:36:49 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
飘灵儿 该用户已被删除
地板
发表于 2015-2-3 20:02:39 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
因胸联盟 该用户已被删除
5#
发表于 2015-2-9 06:55:57 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
小女巫 该用户已被删除
6#
发表于 2015-2-27 04:42:06 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
乐观 该用户已被删除
7#
发表于 2015-3-8 22:39:40 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
活着的死人 该用户已被删除
8#
发表于 2015-3-16 19:44:00 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
莫相离 该用户已被删除
9#
发表于 2015-3-23 05:00:47 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 20:04

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表