个人建议,如有不妥,请见谅
原日志标题栏背景图片:
引用:
layout.css
/*---日志标题框--*/
.Content-top{color:#CB006F;margin-left:-1px;height:30px;background:url('a_title.gif') no-repeat;text-align:left;padding:13px 0px 0px 35px;}
-------------------------------------------------------------------------------------------超华丽的分隔线-----------------------------------
你已经使用了
标题文字背景图片 background:url('a_title.gif') no-repeat;text-align:left; 左对齐,
为什么又定义整个日志标题向左出界1像素呢:margin-left:-1px; 这明显是多余和错误的定义。
-------------------------------------------------------------------------------------------超华丽的分隔线-----------------------------------
错误定义:margin-left:-1px; 下 IE 7 与 IE 6 浏览器产生的情况说明如下
ie7 系统浏览器下的的 FF游览器与
IE 7游览器,不会使边界溢出和隐藏——显示是正常的,如下
但在
ie 6就会隐藏这1像素的边界——
显示不出左边一像素的边,而在
ie6 系统浏览器下的FF游览器则会
溢出,
因为定义错误的原因,
ie6 系统浏览器下的FF游览器会向相反方向溢出——
边界向右偏移1像素,
这样就出现了如下的错位现像.
[
本帖最后由 ilank 于 2007-4-29 02:30 编辑 ]