html - 有没有HTML代码可以让我的背景图片透明而我的文字不透明？

Question

好的，我一直在为我的教育专业需要满足的技术类(class)输入一些 HTML 代码。这就是我的背景:

body {
    background-image:url('islandbeach.jpg');
    background-repeat:repeat;
    background-position:center;
    background-attachment:fixed;
    background-size:cover;
}

现在，我想让我的背景透明或褪色，这样我就可以看到文本和我拥有的其他图像。背景太鲜艳了，不用眯着眼就看不清字了。是否有任何 HTML 代码可以为我执行此操作？我不是这方面的专业人士，我只是按照我的教授告诉我的一切去做，所以如果你有答案，请分步解释。非常感谢!

Answer 1

这是您可以使用 :after 属性进行的简单修改。

CSS 代码

        body:after {
            content: "";
            background-image:url('http://www.w3schools.com/css/klematis.jpg');
            background-repeat:repeat;
            background-position:center;
            background-attachment:fixed;
            background-size:cover;
            opacity: 0.5;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
            z-index: -1;
        }

js bin 演示 http://jsbin.com/welcome/50098/