Question

在html + css中，我想将html页面添加为页面background。我从Photoshop创建了一个切片，然后将其保存为html/image.

我以前使用图像作为背景：

body  
{
background-image:url('../../resources/bacground.png');
background-size: 100% 100%;
background-repeat: no-repeat;  
}

但现在我不知道如何将html作为背景。

Answer 1

背景图片

执行背景的一种方法是根据this post使用background-size: cover：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Answer 2

这里没有简单的答案，你可能想要做的是在一个绝对定位的容器中制作“html背景”，然后在顶部放一个透明的div，那么你应该能够放置你的顶部和背景上的真实html内容不应该是交互式的

Answer 3

你现在不能这样做。但是，您可以将html保存为svg，然后使用

html {
  background-image: url(svg-css-background.svg);
}

将来您可以直接使用链接导入html 也许你也可以将你的背景html包装成一个div，并使它无反应和绝对。并将真正的HTML放在它上面。我不确定这是否是您真正想要的，但如果您想在图片中使用链接，可以使用map + area或this（svg）

<map name="map1">
<area
   href="contacts.html" alt="contacts" title="contacts"
   shape=rect coords="6,116,97,184">
<area
   href="new.html" alt="new!" title="new!"
   shape=poly coords="150,217, 190,257, 150,297,110,257">
</map>

<img src="a.jpg"
   alt="image" border=0 width=300 height=300
   usemap="#map1">

Answer 4

#bgimage
{
background-image:url(..../../image.jpg);
backgroud-repeat:no-repeat;
}

html页面作为背景

4 个答案: