我们都曾是... 嘿嘿，你有没有想过怎么让网页的背景变得透明呢？而且还不会影响到里面的文字和图片呢？哎呀，我来告诉你吧，这就是CSS的神奇力量哦！

第一步：背景颜色变透明

先说说我们要把背景颜色变得透明。你知道吗，这个背景颜色就是 background-color 哦！我们要给它设置一个值，让它变得kan不见哦。比如 我们可yi写成这样：

    background-color: rgba;
    

这里的 0, 0, 0 是颜色的值，代表黑色，0.5 就是透明度啦。数字越小越透明哦，共勉。！

第二步：背景图片也透明

接下来我们还想让背景图片变得透明呢。背景图片就是 background-image 哦！我们也要给它设置一个值， 一句话。 让它变得半透明哦。这样，背景颜色和图片就douNeng透出来了。

    background-image: url;
    background-color: rgba;
    

哇，这样kan起来好漂亮啊！不过我们还想让里面的文字和图片保持原样哦，对吧？那就要用到下一个技巧啦！

第三步：不影响子元素

哦哦哦，这个hen重要哦！我们要设置一个透明度，dan是这个透明度只Neng影响背景颜色和图片， 别纠结... 不Neng影响到里面的文字和图片哦。这样，里面的内容就不会变透明啦。

    div {
        background-color: rgba;
        background-image: url;
        opacity: 1;
    }
    

这里的 opacity: 1 就是表示不透明哦。这样，背景就 对，就这个意思。 透明了dan是里面的文字和图片还是原来的样子呢！太神奇了吧！

出岔子。 哈哈，现在你学会了吗？只需要设置好 background-color 和 background-image 的透明度， ran后保证子元素的 opacity 是 1，就可yiZuo到背景透明，不影响子元素的效果啦！

以后Zuo网页，就可yi用这个方法来让网页kan起来geng加美观啦！ ICU你。 哇哈哈，我太厉害了！