0

私はこのコードを持っています

私は多くの問題を抱えていますが、

まず、FireFox 16.0.2 では 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 に答える