div和p对IE浏览器的兼容程度

(2010-04-16 10:12:04)

转载▼

标签： 浏览器的兼容 浏览器内外边距

分类： 李婉佳的html

    如果用背景图片做按钮或者小标签，会对div或者p加背景，再在div或p中写字。

   对IE8.0和IE7.0，字相对背景图的位置可能会变。比如

，如果用<p>，“系统简介”这几个字会由于浏览器版本的不同，跑到背景图的上面或者下面一点，不一定居中，但是用<div>，把文字写在div里，就不会出现这种情况。
   以下是实现方法：

html：

<divclass="sysIntTit"><divclass="sysIntWor">系<spanclass="bank1"></span>统<spanclass="bank1"></span>简<spanclass="bank1"></span>介</div></div>

CSS：

div.sysIntTit
{
 width:92px;
 height:25px;
 background-image:url("/Content/Img/按钮2.png"); 
}
div.sysIntWor
{
 font-size:106%;
 color:White; 
 font-family:黑体;
 position:relative;
 left:5px;
 top:5px;  
}
    这个问题其实是由于浏览器对margin和padding的默认样式引起的。解决方法如下，这样就将默认的margin和padding清空了：

*
{
margin:0;
padding:0;
}