求解决浏览器兼容问题

java_dao 2011-07-16 11:48:08

做出来的静态的页面，在各个浏览器中都可以保持原样，但是改为动态之后（css样式等未变动），IE可是支持，但是火狐里就变得走样了，请问这是什么原因啊，如何解决这种兼容问题

...全文

85 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

sohighthesky 2011-07-16

打赏
举报

搞明白动态与静态之间的区别是关键

wis2007 2011-07-16

打赏
举报

好奇，代码晒下

挨踢直男 2011-07-16

打赏
举报

浏览器--->查看--->源代码，仔细看看，是不是和以前的静态页有所区别

豆虫 2011-07-16

打赏
举报

样式没变只是内容变了就导致页面走样？怎么可能代码晒下~~~

豪情 2011-07-16

打赏
举报

这个样式列表在我这儿本地测试了一下是没问题的。但这种结构也不推荐这样，而是这样：



<style type="text/css">

	*{margin:0;padding:0;}

	body{font-size:12px;}

	.sales_list{width:192px;background:url(../images/product_three_list_3.jpg);border-bottom:#999 1px solid;clear:both;}

	.sales_list h1{height:30px;line-height:30px;font-size:14px;color:#930C1A;}

	.sales_list h1 a.more{float:right;margin-right:10px;font-size:12px;color:#930C1A;}

	.sales_list h1 a.more:hover{text-decoration:none;color:#f00;}

</style>

<div class="sales_list">

	<h1><a href="#" class="more">MORE>></a>促销信息1133</h1>

</div>

命名尽量用英文，

njkzc 2011-07-16

打赏
举报

火狐装一下插件firebug，看一下样式是否有问题

java_dao 2011-07-16

打赏
举报

<div class="three_list_hjk">
<div class="three_list_jkl"><a href="#">促销信息1133</a></div>
<div class="three_list_iop"><a href="#">MORE>></a></div>
</div>

.three_list_hjk{width:192px; height:30px; background:url(../images/product_three_list_3.jpg); border-bottom:#999 1px solid; clear:both;}
.three_list_jkl{width:70px; height:30px; float:left; line-height:30px; font-size:14px;margin:auto;clear:both;}
.three_list_jkl a{font-size:14px; font-weight:bold; color:#930C1A;}
.three_list_iop{width:50px; height:30px; float:right; line-height:30px; font-size:13px;}
.three_list_iop a{font-size:13px; color:#930C1A;}

就拿这段代码说吧，在火狐里只能拿到字，却没有一点样式