最近公司在更新页面,之前页面是交给外包公司做的,那个丑啊,,,现在我们自己在改,作为一个菜鸟级别的前端,我光荣的加入了更改css样式的大军中,前几天出现了一个兼容性问题。在360兼容模式下图片均显示不出来,在其余页面比如说谷歌 火狐 360极速模式 都能正常显示,我在页面首页尝试加入 <meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">。尼玛,全都正常了,但是现在有一小部分图片位置明显下移?是为什么????
兼容模式下默认ie7 图片这种既不是行内又不是的块级的元素最好用浮动方式解决,和它一起的文字也最好浮起来,这样就对齐了,记得清除浮动
我刚开始的时候 是用<img src="">来引入小图片的,设置了margin。后来我换成了background 作为背景图,对齐了,再这样的前提下,我继续修改别的样式,一不小心又不对其了。。好伤心啊