仓酷云

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

[DIV+CSS] 带来一篇破洛洛搜集的各类扫瞄器css hack 延续更新

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

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

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

x
你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。
破洛洛搜集的各类扫瞄器CSShack延续更新来历:破洛洛
你在写css时款式表加上扫瞄器标识符就好了,各扫瞄器区分以下:
IE都能辨认*,尺度扫瞄器(如FF)不克不及辨认*;
IE6能辨认*,但不克不及辨认!important;
IE7能辨认*,也能辨认!important;
IE8能辨认,不克不及辨认*,+,_,*加!important;
FF不克不及辨认*,但能辨认!important;
比方style=”*width:10px!important;width:20px;”
如许在IE6下宽度为10px,在IE7下宽度时20px
个中另有三种写法:

1种:
width:100px;/*FireFox及其他扫瞄器*/
width:200px;/*IE8能辨认*/
*width:300px!important;/*,IE7既能能辨认*号,也能辨认important*/
*width:400px;/*IE6也能辨认*号*/
/*注重按次*/
2种:
width:100px;/*FireFox及其他扫瞄器*/
width:200px;/*IE8能辨认*/
*width:300px;/*IE7也能辨认*号*/
_width:400px;/*IE6能辨认下划线*/
/*注重按次*/
3种:
width:100px;/*FireFox及其他扫瞄器*/
width:200px;/*IE8能辨认*/
+width:300px;/*+只辨认IE7*/
_width:400px;/*IE6能辨认下划线*/
/*注重按次*/
1..color1{color:#F00;color/***/:#00F/***/}/*IE6,IE7,IE8,FF,OP,SA辨认*/
2..color2{color:#F00;color/***/:#00F/*9**/}/*IE7,IE8,FF,OP,SA辨认*/
3..color3{color:#F00;color/***/:#00F9}/*IE6,IE7,IE8辨认*/
4..color4{color:#F00;color/***/:#00F9}/*IE7,IE8辨认*//*“color”和“/***/”之间有个空格*/
个中:OP暗示Opera,SA暗示Safari
――――――――――――-
各类扫瞄器自力撑持的hack:
width:100px;/*撑持IE8*/
_width:100px;/*撑持IE6*/
[width:100px;/*撑持IE6,7*/
+width:100px;/*撑持IE6,7*/
*width:100px;/*撑持IE6,7*/
*width:100px!important;/*撑持IE6,7,*/
*+width:100px;/*撑持IE6,7,*/
*+width:100px!important;/*撑持IE6,7,*/
width:100px9;/*撑持IE6,7,8*/
width:100px!important;/*撑持IE6,7,8,FF*/
width:100px;/*IE5.x不撑持IE6、IE7、IE8、FF撑持*/
------------------
IE前提正文功效:
<!--[ifIE]>此内容只要IE可见<![endif]C>
<!C[ifIE6.0]>此内容只要IE6.0可见<![endif]C>
<!C[ifIE7.0]>此内容只要IE7.0可见<![endif]C>


一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
莫相离 该用户已被删除
沙发
发表于 2015-1-17 23:12:53 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
再见西城 该用户已被删除
板凳
发表于 2015-1-24 12:42:07 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
老尸 该用户已被删除
地板
发表于 2015-2-1 16:06:04 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
再现理想 该用户已被删除
5#
发表于 2015-2-7 09:03:03 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
谁可相欹 该用户已被删除
6#
发表于 2015-3-6 21:41:16 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
变相怪杰 该用户已被删除
7#
发表于 2015-3-13 22:09:48 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
深爱那片海 该用户已被删除
8#
发表于 2015-3-13 22:09:48 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
愤怒的大鸟 该用户已被删除
9#
发表于 2015-3-20 21:19:05 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-6-1 09:06

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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