问题:.l_box_b{border:1px solid #ace;margin-top:20px; position:relative}.l_box_b h3{ background:url(../img/lgoodsbg.gif) no-repeat 50% 0;width:100%;height:30px;line-height:30px; position:absolute;top:-13px;color:#2c2c2c;font-size:14px;left:0;_left:-104px}<div class=l_box_b> <h3>同类热卖商品</h3> <p> <img src=images/limg_01.gif alt=shangpin /> <ul> <li>戴尔(Dell)500 15.4寸宽屏</li> <li>笔记本电脑</li> <li>京东价格:¥2999.00</li> </ul> </li> </p> </div>为什么h3的位置在ie6和火狐下不一样?怎么解决?
呵呵,你刚开始CSS吧,你不知道CSS在不同浏览器显示都会不同吗?这是每个开发WEB程序员都要注意的问题,所以你会发现在不同的浏览器的脚本中都有进行浏览器判断的语句,你也别抱怨,因为这是竞争的结果 ,当年微软的IE和网景公司NS的竞争就是一开始的浏览器的竞争,它们技术不同,对HTML和CSS的支持都不同,所以在显示的时候也都不相同,这给程序员带来很大的满烦,但是没有 办法的事。以前还是两大浏览器的竞争,现在浏览器更多了, 什么腾讯公司的啊,还有遨游啊,还有火狐啊,这样给程序员的工作量大倍了,特别是在AJAX技术中也是。所以以后看到网站上有“只支持IE”的字样就不要生气,因为他们技术可能慢慢的完善中。 你的CSS我看了,代码没有问题,是浏览器的问题,要两全齐美的话还要努力学习啊,用JS来调整。 position:absolute是将div的位置固定的,也就是用浏览器的绝对位置的显示div,只是浏览器的解释稍微不同,所以位置也不同了 QQ群:58325541 如果你对.l_box_b{border:1px solid #ace;margin-top:20px; position:relative}.l_box_b h3{ background:url(../img/lgoodsbg.gif) no-repeat 50% 0;width:100%;height:30px;line-height:30px; position:absolute;top:-13px;color:#2c2c2c;font-size:14px;left:0;_left:-104px}<div class=l_box_b> <h3>同类热卖商品</h3> <p> <img src=images/limg_01.gif alt=shangpin /> <ul> <li>戴尔(Dell)500 15.4寸宽屏</li> <li>笔记本电脑</li> <li>京东价格:¥2999.00</li> </ul> </li> </p> </div>为什么h3的位置在ie6和火狐下不一样?怎么解决?这个问题有好的意见或
建议,请留言
|