2

我在网上搜索了大约 6 个小时，但找不到我需要的东西，所以我认为是时候向专业人士询问了。我有一个带有一些透明点的 png 图像。我不想将此图像作为页面的标题，当有人滚动页面时，图像会停留在顶部，而页面会滚动到图像后面。我找到了一些非滚动标题 div 的示例，但在我的情况下，我希望看到页面滚动到图像中的 transprant 点。这甚至可能吗？所以是的，有人可以告诉我如何或指导我学习教程或示例吗？

一些简单的html让我的问题更清楚：

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<a href="mypage" target="top"><img src="myimage.png"></a>
<div id="content">
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<p>sometext</p>
<div>
</body>
</html>
4

2 回答 2

2

使您的图像在您想要透视的地方透明。这将在图形软件中完成。然后设置您的锚点，该锚点以易于索引的方式保存图像，例如使用 id。

<a id="transparentHeader" href="mypage" target="top"><img src="myimage.png"></a>

然后设置css，使锚点“固定”到页面顶部。

#transparentHeader{
 z-index:999;
 position:fixed;
 top: 0px;
 left:0px;/*not centered*/
 /* margin: 0 auto; centered */
}
于 2013-03-31T19:21:19.780 回答
1

看看这是否适合你。 

<div class="header">Some data</div>


.header
{
position:fixed;
top:10px;
}
于 2013-03-31T19:21:02.993 回答