"解决DIV CSS浏览器兼容问题的方法及技巧"

需积分: 0 54 浏览量更新于2023-12-23 收藏 145KB DOC 举报

!DOCTYPE html> <html> <head> <style> div { display: inline; margin: 50px; } </style> </head> <body> <div>Some content here.</div> </body> </html> 3. IE6 下图片不透明 IE6 不支持 PNG 透明格式，需要使用 JS 脚本 AlphaImageLoader 解决。使用 PNG 图片作为背景时, 在身前的图片就会半透明, 如果你要身后的图片也透明, 就需要 JS 脚本 4.IE6 下 a 标签 + hover 不显示背景问题在 IE6 下, 如果 a 标签中还有子元素的情况下, hover 时 background 不显示。解决方法是给这个 a 标签添加 display:block; 或者在 a 标签中嵌套一个块级元素, 在这个块级元素上设置 hover. 5 .IE6 不支持 min - height 解决方法在 IE 下面没有 min - height 这个属性，可以用 JS 来解决. 导入 Jquery. js, 使用 $(window).height(); 获得页面的高度, 使用 var minheight = $ (window).height() > 500 px ? $ (window).height(); : 500 px; this. height( minheight); 另一个方法是使用一个空 div 但不建议使用这个方法。' </style> </head> <body> <div>Some content here.</div> </body> </html> 这份资料对于网页设计人员来说非常有价值，特别是在处理 DIV CSS 浏览器兼容问题时。收集了IE7,6和Fireofx 的兼容性处理方法，并整理了一下，使得解决兼容性问题更加方便。另外，对于web2.0过度，建议尽量使用xhtml格式写代码，并且要加上DOCTYPE声明。在CSS技巧方面，提供了垂直居中问题的解决方法，以及IE6下图片不透明、a标签+hover不显示背景、以及IE6不支持min-height等问题的解决方法。这些方法都对于解决实际问题非常有效，而且提供了多种解决方案供设计人员选择。总的来说，这份资料是一份非常实用的DIV CSS 浏览器兼容问题解决方法的指南，非常值得下载和参考。

码时很容易犯一些错误。本文列举了一些常见的错误：

检查 BCD 元素是否有拼写错误、是否忘记结束标记

即使是老手也经常会弄错 !" 的嵌套关系。可以用 !$$" 的验证功能检查一

下有无错误。

检查  是否正确

检查一下有无拼写错误、是否忘记结尾的 9等。可以利用 $' 来检查  的

拼写错误。$' 本是为  减肥的工具，但也能检查出拼写错误。

确定错误发生的位置

如果错误影响了整体布局，则可以逐个删除 !" 块，直到删除某个 !" 块后显示恢复

正常，即可确定错误发生的位置。

=利用 ! 属性确定出错元素的布局特性

使用 ,$ 属性布局一不小心就会出错。这时为元素添加 ! 属性确定元素边界，

错误原因即水落石出。

6,$ 元素的父元素不能指定 #$ 属性

C$# 下如果对 ,$ 的元素的父元素使用 #$ 属性，周围的 ,$ 元素布局就会混

乱。这是 C$# 的著名的 -&，倘若不知道就会走弯路。

,$ 元素务必指定 ! 属性

很多浏览器在显示未指定 ! 的 ,$ 元素时会有 -&。所以不管 ,$ 元素的内

容如何，一定要为其指定 ! 属性。

另外指定元素时尽量使用  而不是 + 做单位。

,$ 元素不能指定 $&' 和 +$!!'& 等属性

 在显示指定了 $&' 和 +$!!'& 的 ,$ 元素时有 -&。因此不要对 ,$ 元素

指定 $&' 和 +$!!'& 属性;可以在 ,$ 元素内部嵌套一个 !" 来设置 $&' 和

+$!!'&<。也可以使用 $#: 方法为  指定特别的值。

>,$ 元素的宽度之和要小于 E

如果 ,$ 元素的宽度之和正好是 E，某些古老的浏览器将不能正常显示。因此

请保证宽度之和小于 YYE。

Y是否重设了默认的样式?

某些属性如 $&'、+$!!'& 等，不同浏览器会有不同的解释。因此最好在开发前

首先将全体的 $&'、+$!!'& 设置为 、列表样式设置为 '' 等。

是否忘记了写 ?

如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不

是忘了写下面这行 。

* 完美兼容 77 的通用方法

关于  对各个浏览器兼容已经是老生常谈的问题了网络上的教程遍地都是以下内

容没有太多新颖纯属个人总结希望能对初学者有一定的帮助

一、CSS HACK

以下两种方法几乎能解决现今所有 BGa

N+$'

随着  对N+$' 的支持N+$'方法现在只针对  的 BGa;注意写法

记得该声明位置需要提前<

以下为引用的内容：

0./4

1$++

剩余32页未读，继续阅读

wypdff

粉丝: 0
资源: 41

"解决DIV CSS浏览器兼容问题的方法及技巧"

解决Div+CSS浏览器兼容问题的策略

解决Div+CSS浏览器兼容性问题的策略

解决Div+CSS浏览器兼容性问题的方法

div+css浏览器兼容问题解决方法

div+css浏览器兼容问题解决方法.doc

div+css浏览器兼容问题

CSS技巧汇总---div+CSS浏览器兼容问题整理

DIV+CSS浏览器兼容

DIV+CSS浏览器兼容方法的总结

解决DIV+CSS浏览器兼容问题的策略

最新资源