文档章节

css hack 解决浏览器兼容总结

Rella蕾拉
 Rella蕾拉
发布于 2012/03/13 15:40
字数 318
阅读 189
收藏 6
最近切的页面设计很精致,有那么些难以控制兼容性的问题,没办法,只有用hack解决了,,虽然不赞同hack,但是既然是页面布局,总觉得不要搭上javascript来解决,下面也总结下CSS hack浏览器兼容。

区别IE和非IE浏览器
   background:blue; /*非IE 背景藍色*/
   background:red \9;  /*IE6、IE7、IE8背景紅色*/ 

区别IE6,IE7,IE8,FF
    background:blue; /*Firefox 背景变蓝色*/
    background:red \9; /*IE8 背景变红色*/ 
    *background:black; /*IE7 背景变黑色*/
    _background:orange; /*IE6 背景变橘色*/ 

浏览器都能识别「\9」,而IE6和IE7可识别「*」,另外IE6可认识「_」
区别IE6、IE7、Firefox 【区别符号】:「*」、「!important」
     background:blue;                         /*Firefox 背景变蓝色*/
       *background:green !important;     /*IE7  背景变绿色*/ 
       *background:orange;                          /*IE6 背景变橘色*/ } 

IE7可以辨识「*」和「!important」,但是IE6只可以辨识「*」,却无法辨识「!important」,至于Firefox可以读取「!important」但不能辨识「*」

上面举了几个实例,按顺序来写,一般可以达到想要的效果,但是本人不怎么推荐用hack解决兼容性问题,最后多用兼容性的标签,div尽量避免嵌套等等,用良好的布局习惯做到兼容。

【附:css hack 表】


© 著作权归作者所有

Rella蕾拉
粉丝 269
博文 28
码字总数 14248
作品 0
长沙
程序员
私信 提问
CSS_文字与特殊符号浏览器兼容性

页面布局里总是会有类似 “文字 | 文字” 的设计样式,不同的浏览器存在严重偏差。 有兼容问题就要解决,下面总结了3种解决方案,分享给大家: 一.系统默认的样式 1.元素换行的段落 <div cla...

喵王不瞌睡
2014/03/12
0
0
转载 div+css浏览器兼容实例二:css hack的理解

上周给大家转载了《Div+css浏览器兼容实例分析(一)》,今天继续给大家转载《div+css浏览器兼容实例二:css hack的理解》。 先来说一下什么是css hack ,写了这么久的div+css代码,我还真不...

oecp
2011/06/07
0
0
[CSS]说说CSS Hack 和向后兼容

说说CSS Hack 和向后兼容标签:css, css hack, 向后兼容Design人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼...

xcntime
2010/08/11
0
0
关于浏览器的兼容问题

关于浏览器的兼容问题 1. 什么是 CSS hack 根据百度的简述:CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如...

熊蛋子17
2017/11/23
0
0
Web标准中兼容问题的解决学习笔记

一、 兼容问题产生的原因 各种浏览器是由不同的公司开发的 浏览器不断的更新换代 二、 兼容问题的解决 使用不会出现兼容问题的属性 使用CSS hack 条件注释 使用不会出现兼容问题的属性 使用C...

雪之丞
2013/02/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

用Python帮你上马,哪里无码打哪里

目录 0 引言 1 环境 2 需求分析 3 代码实现 4 代码全景展示 5 后记 0 引言 所谓的像素图,就是对图像做一个颗粒化的效果,使其产生一种妙不可言的朦胧感。费话不多说,先来看一张效果图。 <c...

上海小胖
25分钟前
1
0
python from import与import as 的含义

from os import makedirs, unlink, sep #从os包中引入 makedirs.unlink,sep类 from os.path import dirname, exists, isdir, splitext 从 os包中的path类中引入 dirmame exists 等方法 impo......

dillonxiao
25分钟前
1
0
【转】URL最大长度问题

今天在测试Email Ticket的时候发现在进行Mark as Read/Unread操作时,请求是通过GET方式进行的。URL中列出了所有参与该操作的Ticket Id。于是,我想起GET请求是有最大长度限制的。遂输入超长...

ZhangLG
28分钟前
0
0
Segment段

CurrentHashMap和HashMap相比支持并发操作,整个CurrentHashMap是由一个个的Segment组成的,也是就是常说的分段锁 Segment继承了重入锁ReentrantLock来进行加锁, 可以简单的把CurrentHashMa...

周慕云
29分钟前
0
0
JS Date 自定义格式化方法

JS Date 自定义格式化方法 Date 时间对象 快速 自定义格式化 定义方法 // 自定义格式化方法Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, ......

DrChenXX
34分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部