求助帖JS控制层定位浏览器不兼容的问题

最新推荐文章于 2021-06-03 19:17:09 发布

weixin_34268310

最新推荐文章于 2021-06-03 19:17:09 发布

阅读量135

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cfmao/archive/2012/11/21/2780860.html

本文提供了解决IE和Firefox浏览器中图片在不同位置显示的问题的方法，通过CSS样式调整确保图片始终位于文字下方。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE的时候图片在右边显示，而FF的时候图片在文字下面显示，现在如何做，才能让2个浏览器下都文字下方显示啊？QQ5650387

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>显示隐藏层</title>
<style type="text/css">
#container{width:300px; height:200px; background:#C9C; position:absolute; clear:both;}
#div1{width:150px;height:100px; background:blue;display:none; position:absolute; z-index:2; }
#ji{position:absolute; width:150px;height:100px; z-index:1; background:#C3C; }

</style>
<script language="javascript">
function da(){
   var oDiv1
   oDiv1=document.getElementById('div1')
   oDiv1.style.display='block'
   }
function xiao(){
   var oDiv1
   oDiv1=document.getElementById('div1')
   oDiv1.style.display='none'
   }

</script>

</head>

<body>
<div id="container" >
    <label onmouseover="da()" onmouseout="xiao()"><input type="checkbox" />记住密码</label>
       <div id="div1">
       公共场合不要勾选此项

       </div>
       <div id="ji">不要把挤下来了。</div>
</div>
</body>

   </html>

转载于:https://www.cnblogs.com/cfmao/archive/2012/11/21/2780860.html