Question

iframe里的position:fixed样式失效怎么解决

iframe里的position:fixed样式失效怎么解决我有一个页面叫a.html,在此页面中我使用了iframe，链接页面为b.html,而在b.html页面中我有一个div用到了position:fixed样式，如果单独运行b.html,position:fixed样式是有用的，但是如果运行a.html页面，position:fixed样式就没有用了，我不想把定位的的层放到a.html中，请问有什么解决办法没有

Answer 1

position:fixed之所以会失效是因为这个属性会收到父级元素属性的影响，b.html单独运行的时候，父级是body,但链接到a.html的 iframe中时候，父级就变成了iframe或者说是a.html,解决办法就是在iframe上添加position属性，具体的值是absolutely还是relative记不清了，自己试试吧

Answer 2

ie6不支持position:fixed,要实现类似的效果,只有用js来控制. div遮不住select也只有在ie6才有问题,最好的解决办法是用iframe来遮住select,再用div来遮住iframe,应该不用js也可以做得到的

Answer 3

此段代码，确实可用，但是会产生跳动效果。等找到解决方案在更。

[html] view plain copy

• <code class="language-html">$(document).ready(function () {  

• $(parent.window).scroll(function () {  

• $("#Page-nav").css({  

• top: $(parent.window).scrollTop() + 200  

• });  

• });  

• }</code>