1

显然我是一个新手编码器:(这看起来应该很容易，但我想不通。

CSS

div {
    display: none;
}

身体 

<div id="div" style="width:100%;height:1750px;z-index:1;">
<iframe src="mypage.html" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" width="100%" height="1750px" ALIGN="left">
</iframe>
</div>

<iframe src="http://www.website.com" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" width="100%" height="1750px" ALIGN="left">
</iframe>

jQuery

$('#hover').mouseenter(function() {
  $('#div').show();
}).click(function(e) {
  e.preventDefault();
  $('#div').hide();
});

此网页代码在页面顶部显示可点击图像“30x1800clear.gif”，在悬停时打开“mypage.html”iframe 内容，并在单击图像时关闭 iframe 内容。这正是我想要它做的。

我希望图像在滚动时保持固定在页面顶部。如果我尝试使用任何样式，或者使用任何位置样式围绕 DIV 中的代码，图像会完全消失。

有人可以告诉我如何在滚动页面时使图像保持固定在浏览器窗口的顶部吗？

4

2 回答 2

1

添加位置固定到图像标签。像这样

 <img src="30x1800clear.gif" width="100%" height="20px" border="0" alt="" style="position: fixed;">
于 2013-11-14T15:29:26.980 回答
0

这里有几个问题：

  1. 你有一个 id 为 div 的 div。这非常令人困惑，所以让我们将 id 更改为mydiv. 在你的 CSS 中，你将你的display:noneto应用div到所有的 div 上。我猜您只想将其应用于有问题的 div，因此您应该将其更改为：

     #mydiv {
     display: none;
 }

  2. 您正在为同一个元素混合内联样式和单独的文件，所以让我们将所有内容合并到 css 文件中：

    #mydiv {
   width:100%;
   height:1750px;
   z-index:1;
 }

    并且您的 html 的第一行变为： <div id="mydiv">

  3. 现在，对于真正的问题：您想将图像的位置固定在顶部。让我们将此行添加到 #mydiv css 块：

    position: fixed;
top: 4px; /* You can change this to any number of pixels you want, including 0 */
left: 4px; /* Same thing */
于 2013-11-14T15:29:35.967 回答