Jquery 设置Div'；s位置不适用于IE/FireFox_Jquery_Css_Html_Position

Jquery 设置Div'；s位置不适用于IE/FireFox

jquery css html

Jquery 设置Div'；s位置不适用于IE/FireFox,jquery,css,html,position,Jquery,Css,Html,Position,我有这个密码我有很多问题首先，在FireFox 16.0.2中，它不显示第二个div，也不显示文本“Hey all” 在IE中，它是有效的，但它将div粘贴到彼此，并且不显示文本“Hey all” 我认为div的位置设置不正确我试图通过jQuery/css两种方式改变位置 <html> <head> <script src="http://code.jquery.com/jquery-1.8.2.js"></script> <style

我有这个密码

我有很多问题

首先，在FireFox 16.0.2中，它不显示第二个div，也不显示文本“Hey all” 在IE中，它是有效的，但它将div粘贴到彼此，并且不显示文本“Hey all” 我认为div的位置设置不正确我试图通过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>


#11r5p6v8z9{
位置：固定；
顶部：25px；
左：295px；
}
#11l6z9y3u6{
位置：固定；
顶部：50px；
左：50px；
}
$（文档）.ready（函数（）{
//$（“#11r5p6v8z9”）.css（{位置：“固定”，顶部：25px；，左侧：295px；}）；
//$（“#11l6z9y3u6”）.css（{位置：“固定”，顶部：25px；，左侧：295px；}）；
//$（“#11r5p6v8z9”）.offset（{top:25px；，left:295px；}）；
//$（“#11l6z9y3u6”）.offset（{top:50px；，left:50px；}）；
});
大家好

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

您能试着更改您的身份证名称吗？因为我的身份证不能以数字开头

带一些更正的JSFIDLE代码-

您缺少


大家好

这是你也可以做的小提琴。我将divs的名称改为char开头，得到了相同的结果，@eawedat它对我有用。您是否记得同时更新HTML和CSS。@Scott，您使用的是哪种浏览器？@mplungjan是的，它只显示了youtube的一个div/iframe视频，而我应该得到两个&文本“Hey all”，您的注释标记似乎正在断开JSFIDLE。请更改为并查看该行为是否仍然存在。关于在css方法中使用单引号而不是分号，jquery代码中有很多错误。我已经创建了一个JSFIDLE并尝试更正其中的一些错误，但我猜iframe仍然存在一个权限被拒绝的错误。您可以在firebug控制台中看到错误。jsfiddle链接是您可以在此处编辑和检查您的代码谢谢：）非常感谢，实际上我缺少了/for-iframe，它不允许显示它下面的所有内容。。但现在我面临的另一个问题是FF div在某些位置和IE在不同的位置，而我需要它们保持不变，相同的视图/位置在不同的浏览器中你使用的是哪个版本的IE，我在ff16和ie9中看到了相同的结果？哇，现在起作用了：）非常感谢，，，，你太棒了。。请回答最后一个问题。为什么不同浏览器中的位置不同？如果我在IE中浏览我的网页与FF不同…有解决方案吗？我需要div粘在大多数浏览器中的相同点上

$(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'});


});

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