web浏览器兼容问题

1、居中问题

div中,ie默认居中,而ff(firefox)默认是向左对齐。解决办法:margin 0 auto

2、高度问题

     如果有两个div排列或者嵌套,如果第一个div设置了高度,而内容超出div高度,ff会出现div重叠的情况;但在ie中下面的div会适应这种变化,自动调节高度。

如果要解决这种问题,就是不设置div的高度,或者height:100%。

3、clear:both

不想受到float浮动,直接在div设置clear:both。

4、padding问题

    ff设置padding后,div的宽和高会增加,但是ie不会。对于padding的宽,ie和ff不会有实际差别,宽等于padding加width,所以设置宽的时候,需要用总宽减去padding。

5、div嵌套时的padding和marign

    在ie中,父div到子div的距离为padding和marign中较大的一个;

    在ff中,父div到子div的距离为padding加marign;

    在ff中,如果父div的padding和border为0,那么子div的marign会在父div的外面。

6、列表类

ul在ff里是有padding的,而ie默认只有margin的,应该设置ul{padding:0;margin:0}

ul和ol解决首行缩进的问题:{list-style:none;padding:0;margin:0}

7、显示类:

 display:inline\block

display:block内嵌为块级元素

display:inline内嵌为行类元素

display:table运用在ff像table一样输出

block:高度、行高、底和顶的边距和边框的高是可以设置的,每个块级元素以新行开始;

元素有:div、h、p、form、ul、li

inline:行高、高度以及底和顶的边框高度不可以设置,是根据内嵌内容所在的行的高度设置的。

元素有:image、span、input

8、鼠标手指状显示

全部标准写法:cursor:pointer

9、背景透明度问题

background:全部注意补齐width和height

透明度:通过opacity设置

10、min-height最小高度的实现

在容器的内容较少时,设置一个最小高度,防止破坏ui的页面的布局和效果,当内容增加时,容器的高度自动增加以适应变化。

11、跨站的css透明度

    通过opacity设置

12、怎样去掉选中的虚线框?

nfocus=“this.blur”

13、

http://www.cnblogs.com/0351jiazhuang/p/4525354.html

猜你喜欢

转载自www.cnblogs.com/Zhengxiaoxiao/p/10540090.html