0 Comments

IE6 IE7 IE8三大浏览器的CSS兼容速查表(2)

发布于:2013-08-05  |   作者:广州网站建设  |   已聚集:人围观

列表类

1.ul标签在Firefox中默认是有padding值的,而在IE中只有margin有值
先定义ul{margin:0;padding:0;}

2.ul和ol列表缩进问题
消除ul、ol等列表的缩进时,样式应写成:{list-style:none;margin:0px;padding:0px;}
广州网站建设,网站建设,广州网页设计,广州网站设计

显示类

1.display:block,inline两个元素


  1. display:block;//可以为内嵌元素模拟为块元素  
  2. display:inline;//实现同一行排列的的效果  
  3. display:table;//forFirefox,模拟table的效果  
  4.  

◆display:block块元素,元素的特点是:

总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>,<p>,<h1>,<form>,<ul>和<li>是块元素的例子

◆isplay:inline就是将元素显示为行内元素,元素的特点是:

和其他元素都在一行上; 高,行高及顶和底边距不可改变; 宽度就是它的文字或图片的宽度,不可改变。 <span>,<a>,<label>,<input>,<img>,<strong>和<em>是inline元素的例子

2.鼠标手指状显示

全部用标准的写法cursor:pointer;

背景、图片类

1.background显示问题

全部注意补齐width,height属性

2.背景透明问题

IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60); IE:filter:alpha(opacity=10); Firefox:opacity:0.6; Firefox:-moz-opacity:0.10; 最好两个都写,并将opacity属性放在下面
广州网站建设,网站建设,广州网页设计,广州网站设计

飞机