一段CSS,火狐正常,ie错位。求解,谢谢!
火狐显示正常,ie显示错位。
代码如下:
<html>
<head>
</head>
<body>
<img id="bimg" src="bimg.jpg" />
<script type="text/javascript">
window.onload = function(){
var bimg = document.getElementById("bimg");
bimg.outerHTML = "<div style='float:right;'><img src='bimg.jpg' style='border-left:10px solid #F0F0F0;border-right:10px solid #F0F0F0;border-top:10px solid #F0F0F0;float:right;' title='百度' height='200' width='300'><p style='background-color:#F0F0F0;text-align:center;'>百度</p></div>";
}
</script>
</body>
</html>
代码如下:
<html>
<head>
</head>
<body>
<img id="bimg" src="bimg.jpg" />
<script type="text/javascript">
window.onload = function(){
var bimg = document.getElementById("bimg");
bimg.outerHTML = "<div style='float:right;'><img src='bimg.jpg' style='border-left:10px solid #F0F0F0;border-right:10px solid #F0F0F0;border-top:10px solid #F0F0F0;float:right;' title='百度' height='200' width='300'><p style='background-color:#F0F0F0;text-align:center;'>百度</p></div>";
}
</script>
</body>
</html>
...全文
相关推荐
CSS DIV教程IE6,IE7ie8火狐兼容性
CSS DIV教程IE6,IE7ie8火狐兼容性入门和精通都试用的很好的教程。很快的学会DIV+CSS。
css firefox火狐浏览器下的兼容性问题
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF
IE浏览器和火狐浏览器兼容问题.doc
IE浏览器和火狐浏览器兼容问题.doc
chrome、firefox、IE中input输入光标位置错位解决方案
input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中,经测试chrome、firefox、IE中表现的情况有所不一,具体的解决方法如下,感兴趣的朋友可以参考下哈
ie和火狐浏览器兼容问题
css,ie浏览器和火狐浏览器的兼容问题……


