仓酷云

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

[DIV+CSS] 学习下完善兼容ie6,ie7,ie8和firefox的css通明滤镜

[复制链接]
愤怒的大鸟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:37:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
Div是标签,承载的是内容,而CSS是层叠样式表,承载的是样式。其实我倒觉得Div是气球,css是氢气,两者结合,极尽所能。



本例是一个兼容IE6/IE7/IE8和火狐扫瞄器的css完成半通明层效果,之前自己也碰到过如许的成绩,就是把一个层设置半通明后,内的笔墨也随着半通明了,一向没找到符合的办理举措,明天看到designcss.org有一篇文章办理了这个成绩,但有一点,发明在filter前边多加一个星号,多加个星号是为了让IE6和IE7实行,火狐和IE8就不实行了,火狐自己来说就不撑持IE独有的滤镜功效,以是这里没需要再加星号。另有就是不撑持IE8扫瞄器,经由研讨,查阅大批材料,终究找到办理举措了,上面分享出来。
css用到的9是csshack的写法,是为了兼容分歧的扫瞄器而利用的
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>兼容ie6,ie7和firefox的css通明滤镜,笔墨不承继其通明属性</title><styletype="text/css">#container{border:1pxsolid#c00;background-color:rgba(212,0,0,0.5);background:#f009;filter:alpha(opacity=50);width:500px;margin:40pxauto;line-height:200%;font-size:14px;padding:14px;}#container*{position:relative;}</style></head><body><divid="container"><span>我是内容我是内容我是内容我是内容我</span></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
当然空口无凭,下面我们就让大家看一下Div+css在页面中达到的效果。
变相怪杰 该用户已被删除
沙发
发表于 2015-1-18 07:17:27 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
飘灵儿 该用户已被删除
板凳
发表于 2015-1-25 23:17:45 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
小妖女 该用户已被删除
地板
发表于 2015-2-4 13:38:53 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
5#
发表于 2015-2-10 00:50:53 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
爱飞 该用户已被删除
6#
发表于 2015-2-28 13:39:12 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
小女巫 该用户已被删除
7#
发表于 2015-3-10 00:05:18 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
透明 该用户已被删除
8#
发表于 2015-3-17 04:09:52 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 08:27

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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