div和p对IE浏览器的兼容程度
(2010-04-16 10:12:04)
如果用背景图片做按钮或者小标签，会对div或者p加背景，再在div或p中写字。
对IE8.0和IE7.0，字相对背景图的位置可能会变。比如 ，如果用<p>，“系统简介”这几个字会由于浏览器版本的不同，跑到背景图的上面或者下面一点，不一定居中，但是用<div>，把文字写在div里，就不会出现这种情况。
以下是实现方法：
html：
<div
class="sysIntTit"><div
class="sysIntWor">系<span
class="bank1"></span>统<span
class="bank1"></span>简<span
class="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;
}
|
