0

我有这个代码

我有很多问题，

首先，在 FireFox 16.0.2 中，它不显示第二个 div ，它也不在 IE 中显示文本“Hey all”，它是有效的，但它会将 div 彼此粘贴，并且不显示文本“Hey all”我认为 Divs 的位置设置不正确我尝试通过 jQuery/css 两种方式更改位置..

<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>
4

3 回答 3

4

ID 不能以数字开头。你的 CSS 规则有一个数字，所以我认为这就是你得到无效结果的原因。

http://www.w3.org/TR/CSS21/syndata.html

于 2012-11-01T19:16:45.330 回答
2

您可以尝试更改您的 id 名称，因为我的理解 id 不能以数字开头ids-cannot-start-with-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'});


});
于 2012-11-01T19:17:41.770 回答
2

你错过了</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> ​
于 2012-11-01T19:33:31.780 回答