0

我正在创建一个网站,由于我对 html 有点陌生,我希望我的所有主页都是占据所有页面的背景图片 - 上面有两个徽标 - 如果单击每个徽标,都会将您定向到它各自的页。

我知道您可以用框/圆/多边形遮罩图片,然后单击图片的特定区域以转到链接,而其他一些则用于其他链接,如本教程所示:http ://www.tutorialspoint.com /html/html_image_links.htm

问题是,这需要您使用标签将图片放入,我使用 css 代码完成,所以我可以将其用作背景图片:

<style type="text/css"> html { background: url('wp-content/uploads/2013/07/main_menuu-1024x1024.jpg') no-repeat center center fixed; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } </style>

...而且我喜欢 [contain] 属性,因为它会自动调整所有视图和设备中的图像大小,所以有解决方法吗?

提前致谢。

更新:

我的一个程序员朋友告诉我“使用锚/显示块/绝对位置使用左%,顶部%和宽度高度%是的,你要成为一个家伙并使用绝对定位的锚等等”

但他对此不是很清楚。

4

1 回答 1

0

Jeff 和 roboonus 是对的。

如果你真的想要这样的东西,我建议你设置你的背景图片。并在里面设置一个div与一个链接。

这是一个示例JSFIDDLE

使用这种结构,您可以在页面上随意放置链接。

于 2013-07-24T13:59:15.473 回答