首页 > 代码修改 > 关于心岛阁维护页面的两点css兼容问题
2012
04-15

关于心岛阁维护页面的两点css兼容问题

近日,忙里偷闲将心岛阁的模版给重写了一边,主要是首页模版,发现如下几点问题,供各位需要的同学参考:

一、如果在一个模块里同时出现margin-left和float:left两个属性时,会导致该模块在IE6\7下变形,有时是双边距,有时是别的错位,解决方法是将margin-left:12px;写成margin:0 0 0 12px;給予规避!可以完美解决!

二、如果为了显示导航按钮的当前页面,如下图所示:

关于心岛阁维护页面的两点css兼容问题 - 第1张  | 心岛博客

有时会在对应元素前做如下设定<a class=”this href=”http://www.xindaoge.com/list.php/eGRnMzIzOTUwMDEyMzA4.html>外套</a>,同时定义 .this{ backgroundnone repeat scroll 0 0 #95C809;};这个效果可以在IE7\IE8\IE9等版本显示,但是在IE6下是不会显示的,具体原因咨询过,貌似.this是IE6的内核保留字,所以不会显示,如果做如此设定的兄弟请比让下,我的是直接改为onthis了!

同时,希望新手写css代码时如果需要定义margin-top,margin-left等属性时直接写为marging: 0 0 0 0;的形式最好同时为了兼容IE6可以加入_display:inline;属性!

目前站点模版修改已经完成,但是感觉这亮点会让很多朋友郁闷半天,所以斗胆发不出来,高手飘过即可!

最后编辑:
作者:xindao
这个作者貌似有点懒,什么都没有留下。

关于心岛阁维护页面的两点css兼容问题》有 40 条评论

留下一个回复

你的email不会被公开。