我有这个代码
我有很多问题,
首先在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'});
});