HTML / CSS使链接成为背景图像

时间:2017-08-24 16:30:13

标签: html

我已经尝试了几种方法来使我的特定图像成为网页的背景,但它还没有奏效。 我试过了

<style>
body {
    background-image: url("ice_dna.jpg");
background-repeat: no-repeat;
}
</style>

无济于事。我甚至试过

<body background="File:Ice-Binding-DNA--.jpeg">
<p><a href="http://*LINK*"</a></p>
</body>

但是这只是将背景变成了图像的链接......我尝试将背景作为链接,但这也没有用。我可以显示图像的唯一方法是img src =&#34; ...&#34;。有没有办法让图像源进入背景?

2 个答案:

答案 0 :(得分:1)

如果您可以使用<img src="...">显示图像,那么图像本身不应该出现任何问题。你的CSS对我来说也很好看。实际上,它在这样的片段中运行得很好:

&#13;
&#13;
body {
    background-image: url("https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png");
    background-repeat: no-repeat;
}
&#13;
&#13;
&#13;

由于您说您在CSS中使用了内联<style>元素,因此问题甚至可能是由相对网址引起的(在外部样式表中,这些网址会得到解决)相对于样式表的位置而不是HTML页面的位置。)

因此,我不得不断定您的问题无法按照描述进行复制,而且必须由您未在问题中描述的内容引起。因此,我投了close你的问题,因为此时的任何答案都必须是纯粹的猜测。

聚苯乙烯。这应该是一个评论,但不能在评论中包含片段。我将这个答案标记为社区维基,这样我就不会从上/下投票获得任何代表。

答案 1 :(得分:0)

您需要自己制作页面&#34;全高度&#34;。默认情况下,它没有高度。然后你应该能够应用你的背景:

body, html {
    height: 100%;
}
body { 
    background-image: url("img_girl.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}