为你守候
真想不到在兼容性上出问题了!(之前修改论坛文件时应该都做过兼容性测试的,因为好久没怎么改动过文件了,所以这次忽略了)
其实,在上午就发现了爱辣屋图标(其实整个是背景图片)的显示有错位现象:IE下错位(正巧是在兼容模式下,当时的自己并没有注意到),但360极速正常。起初,只是以为跟缓存有关,但清理缓存,又刷新什么的,还是那样,也没多想,准备下午再看看。
可到了下午,还是如此,怎么会错位呢?我以为错位的原因是那个爱辣屋图标在背景中的位置不合适,所以又重新修改背景文件,又修改css样式测试。后来才发现,自己是有些可笑了:通过截图对比,不是背景动了,而是标题往左、往上移了!!!
想到的办法是添加内边距:上边距1px,左边距5px,即通过增加间距抵消兼容性下的移动。
可以说,问题的出现有些巧合,让我非常幸运的发现了兼容性问题。
上面两个是在IE浏览器下的截图,下面三个是360极速浏览器的截图(模式)。
虽然现在还会移动,但已经有些距离了,正所谓距离产生美。