摘要：
所有浏览器 通用 （市面上主要用到的IE6 IE7 FF）
height: 100px; IE6 专用
_height: 100px; IE6 专用
*height: 100px; IE7 专用
*+height: 100px; IE7、FF 共用
height: 100px !important;
一、CSS 兼容
以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐，用下面的一种感觉最安全) 随着IE7对!important的支持, !important
方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.) 代码: 2, I... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(157)
评论(0)
推荐(0)
摘要：
其实很简单，页面文件的之间加入如下代码： 复制代码 这段话的意思是如果是ie7以下的浏览器，即ie6、ie5的话（不会有人还在用ie4吧？），就加载这段js。这个文件是存在Google的服务器上的，所以你无需在自己的服务器上做任何事，当然如果你愿意，你也可以下载下来放到自己服务器上，再从自己的服务器上引用。 这个文件非常小，压缩之后只有十几k，所以对速度不会有多大影响。有了它之后，我们就可以正常的写css，基本不用单独考虑ie6的兼容问题了。其主要功能有： 1、加进了对许多css selector的支持，如父元素>子元素、:hover
伪类等等等等；
... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(125)
评论(0)
推荐(0)
摘要：
首先，要解决Ie6的兼容问题，可以用一个最简单的“!important”搞定。
!improtant是在CSS中，声明一个样式优先级的标志。
例如一个样式中声明两次字体样式
body { font-size:12px; font-size:14px; }
这种情况下，在所有浏览器中，网页中的字体都是14px。
但如果用!important声明后
body { font-size:12px !important; font-size:14px; }
在大部分的高级浏览器中，例如Firefox,Opera,Ie7中，网页字体会因为important的声明而全部为12px。
可惜的是，Ie6... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(223)
评论(0)
推荐(0)
摘要：
所有浏览器 通用
height:
100px;
IE6 专用
_height: 100px;
IE6 专用
*height:
100px;
IE7 专用
*+height: 100px;
IE7、FF 共用
height: 100px !important;
一、CSS 兼容
以下两种方法几乎能解决现今所有兼容.
1, !important
(不是很推荐，用下面的一种感觉最安全)
随着IE7对!important的支持, !important
方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
代码: 2, IE6/IE77对FireFox *+html 与 *ht... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(110)
评论(0)
推荐(0)
摘要：
1、终极方法：条件注释 这段文字仅显示在
IE6及IE6以下版本。 这段文字仅显示在
IE6及IE6以上版本。 这段文字仅显示在
IE6以上版本（不包含IE6）。 这段文字仅显示在 IE5.5。 缺点是在IE浏览器下可能会增加额外的HTTP请求数。 2、CSS选择器区分 IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。 .content {color:red;} div>p .content {color:blue;}
-->
3、PNG半透明图片的问题 虽然可以通过JS等方式解决... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(125)
评论(0)
推荐(0)
摘要：
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
我搜了一个，这里只说现在主流的几个，（IE6，IE7，IE8，FF）其它的先不管
1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如
margin-left:10px !important;;
margin-left:5px;
+height:120px;
5.有时候，会在布局的时候，发现，有一个DIV浮动了，接下来的一个DIV本来是要在下面显示的，... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(412)
评论(0)
推荐(0)
摘要：
1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如 margin-left:10px !important;;
margin-left:5px;
+height:120px; 5.有时候，会在布局的时候，发现，有一个DIV浮动了，接下来的一个DIV本来是要在下面显示的，结果跑上面去了，这种情况一般在FF下面会出现，解决的办法就是清除一下浮动，在设置过浮动的那个DIV下面加一个DIV，CSS面写个cl... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(132)
评论(0)
推荐(0)
摘要：
js:(document.getElementByIdx_x 同时改
ID) id 让IE6支持LI:HOVER的JS代码 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(116)
评论(0)
推荐(0)
摘要：
1、问题：在IE6下如果某个标签使用了float属性，同时设置了其外补丁“margin:10px 0 0
10px”可以看出，上边距和左边距同样为10px，但第一个对象距左边有20px。
2、解决办法：当将其display属性设置为inline时问题就都解决了。 3、说明：这是因为块级对象默认的display属性值是block，当设置了浮动的同时，还设置了它的外边距就会出现这种情况。也许你会问：“为什么第二个对象和第一个对象之间就不存在双倍边距的BUG”？因为浮动都有其相对应的对象，只有相对于其父对象的浮动对象才会出现这样的问题。第一个对象是相对父对象的，而第二个对象是相对第一个对象... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(101)
评论(0)
推荐(0)
摘要：
今天做了一个小页面，用到了li标签，发现在IE浏览器下li前面默认的实心圆点不显示，也就是说list-style-type:disc无效，但是在firefox下确实正常的。
原因可能是因为某些浮动设置造成了li不正常显示，解决的方法也很简单，就是使用增加一个属性：
list-style-position: inside
这样就li的list-style-type属性就生效了。 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(216)
评论(0)
推荐(0)
浙公网安备 33010602011771号