2024年6月8日发(作者:)

当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Safari

1、怎么样才能让层显示在FLASH之上呢

解决的办法是给FLASH设置透明

<param name="wmode" value="transparent" />

.为什么web标准中IE无法设置滚动条颜色了

2、解决办法是将body换成html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"/TR/xhtml1/DTD/">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<style type="text/css">

<!--

html {

scrollbar-face-color:#f6f6f6;

scrollbar-highlight-color:#fff;

scrollbar-shadow-color:#eeeeee;

scrollbar-3dlight-color:#eeeeee;

scrollbar-arrow-color:#000;

scrollbar-track-color:#fff;

scrollbar-darkshadow-color:#fff;

}

-->

</style>

3、margin加倍的问题。

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。

解决方案是在这个div里面加上display:inline;

例如:<#div id="imfloat">

相应的css为

#IamFloat{

float:left;

margin:5px;

display:inline;}

4、超链接访问过后hover样式就不出现的问题

定义链接的四种状态要注意先后顺序: Link Visited Hover Active L-V-H-A

5、链接(a标签)的边框与背景

a链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证

不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位,

若不设 height, 可以在 menubar 中插入一个空格。

6、同时使用两个class

通常我们只为属性指定一个class,但这并不等于你只能指定一个,实际上,你

想指定多少就可以指定多少,例如:

内容

通过同时使用两个class(使用空格而不是逗号分割),这个段落将同时应用两个

class中制定的规则。如果两者中有任何规则重叠,那么后一个将获得实际的优

先应用。

4. 利用border属性确定出错元素的布局特性

使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素

边界,错误原因即水落石出。

5. float元素的父元素不能指定clear属性

MacIE下如果对float的元素的父元素使用clear属性,周围的float元素布局

就会混乱。这是MacIE的著名的bug,倘若不知道就会走弯路。

6. float元素务必指定width属性

很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素

的内容如何,一定要为其指定width属性。

另外指定元素时尽量使用em而不是px做单位。

7. float元素不能指定margin和padding等属性

IE在显示指定了margin和padding的float元素时有bug。因此不要对float

元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置

margin和padding)。也可以使用hack方法为IE指定特别的值。

8. float元素的宽度之和要小于100%

如果float元素的宽度之和正好是100%,某些古老的浏览器将不能正常显示。

因此请保证宽度之和小于99%。

9. 是否重设了默认的样式?