Question

我确定这是一个基本问题，但我是一个完全的初学者，所以提前抱歉！我正在建立一个网站，我决定用这段代码添加一个图像作为我的背景：

＆＃13;

#background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: auto !important;
    min-height:100%;
    background-image: url('/images/background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-size:cover;
    opacity: 0.4;
    filter:alpha(opacity=40);
}

＆＃13;

<div id="background"></div>

＆＃13;

但是，当我添加它时，它不允许我与我的联系人脚本或我的嵌入式PDF进行交互。

pdf代码：

<center>
<iframe id="iframepdf" src="/documents/Resume.pdf" width="783px" height="1009"></iframe>
</center>

帮助将不胜感激

Answer 1

首先，你的背景图片css中有太多的东西。如果你想覆盖一个div，那么使用div标签，但如果你想覆盖整个页面

使用

body {
    background-image: url('/images/background.jpg');
    background-size: cover;
    opacity: 0.4;
    filter:alpha(opacity=40);
   }

Answer 2

您使用的div作为您的背景可能会妨碍网站中的其他内容。我建议使用标签作为背景图片

body{
  background-image:url(background.jpg)
}

网站背景干扰网站内容

2 个答案: