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/