设置 div 的位置不适用于 IE/FireFox



我有这个代码

我有很多问题,

首先在Firefox 16.0.2中没有显示第二个DIV,也没有显示文本" Hey All"在IE中可以有效,但它依靠彼此,并且没有显示"嘿hear all"的文字我认为Divs的职位不是正确的我试图通过这两种方式改变位置。

<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<style>
#11r5p6v8z9 {
position:fixed;
top:25px;
left:295px;
}
#11l6z9y3u6 {
position:fixed;
top:50px;
left:50px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
//$("#11r5p6v8z9").css({ position: "fixed", top:25px;, left:295px;});
//$("#11l6z9y3u6").css({ position: "fixed", top:25px;, left:295px;});
//$("#11r5p6v8z9").offset({ top:25px; , left:295px;});
//$("#11l6z9y3u6").offset({ top:50px; , left:50px;});

});
</script>
</head>
<body>
<div id="content">

<div id="11r5p6v8z9" style="border:1px dotted #f00;width:660px;height:410px;">
<iframe type="text/html" width="640" height="390" src="http://www.youtube.com/embed    /Af1_73K8J5g" frameborder="0">
</div>
<div id="11l6z9y3u6" style="border:1px dotted #f00;width:660px;height:410px;">
<iframe type="text/html" width="640" height="390" src="http://www.youtube.com/embed    /qjpjudx9_mU" frameborder="0">
</div>
Hey all
</div> <!-- content !-->
</body>
</html>

id的ID可能不会以数字开头。您的CSS规则有一个数字,所以我认为这就是为什么您获得无效结果的原因。

http://www.w3.org/tr/css21/syndata.html

您缺少</iframe>

http://jsfiddle.net/mplungjan/fbjny/

<div id="content">

<div id="x11r5p6v8z9" style="border:1px dotted #f00;width:660px;height:410px;">
    <iframe type="text/html" width="640" height="390" 
      src="http://www.youtube.com/embed/Af1_73K8J5g" frameborder="0"></iframe>
</div>
<div id="x11l6z9y3u6" style="border:1px dotted #f00;width:660px;height:410px;">
    <iframe type="text/html" width="640" height="390" 
      src="http://www.youtube.com/embed/qjpjudx9_mU" frameborder="0"></iframe>
</div>
Hey all
</div> ​

您是否可以尝试将ID名称更改为我的理解ID不能从数字IDS-Cannot-start-a-a-number

开始

带有一些更正的JSFIDDLE代码-JSFIDDLE

$(document).ready(function() {
$("#a11r5p6v8z9").css({ position: "fixed", top:'25px', left:'295px'});
$("#a11l6z9y3u6").css({ position: "fixed", top:'25px', left:'295px'});
$("#a11r5p6v8z9").offset({ top:'25px', left:'295px'});
$("#a11l6z9y3u6").offset({ top:'50px',  left:'50px'});

});

最新更新