前端 PC端兼容性问题总结
解决方案: img{border:none;} 2.rgba不支持IE8 解决方案:可以用 opacity opacity:0.7; /* FF chrome safari opera */ filter:alpha(opacity:70); /* 用了ie滤镜,可以兼容ie */ 但是,需要注意的是,opacity会影响里面元素的透明度 解决方案: display:inline-block; *display:inline; 解决方案:用css给body添加magin属性为0px body{margin:0;} 解决方案: div.content { width : 400px ; //这个是错误的width(对于ie5来说是正确的),所有浏览器都读到了 voice-family : "\" } \""; //IE5.X/win忽略了"\"}\""后的内容 voice-family:inherit; width:300px; //包括IE6/win在内的部分浏览器读到这句,新的数值(300px)覆盖掉了旧的 } div.content { width : 300px !important ; //这个是正确的width,大部分支持!important标记的浏览器使用这里的数值 width(空格) /**/ : 400px ; /