如何防止背景图像变得模糊 [英] How to prevent the background image from getting blurry

问题描述

我需要知道如何让背景图像在 CSS 中的文本上方不模糊，因为如果它模糊会破坏我的网站的外观.

I need to know how to get the background image to not be blurry when text is over it in CSS as it spoils the look of my website if it's blurry.

我的 CSS 是:

background: #ff0000 url(img/rain.jpg) top center repeat-y; 
background-size: 100%; 

但是当我加载它时，有文字的地方会变得模糊，我不希望它那么我该怎么做呢?

But when I load it up where there is text that line goes blurry and I don't want it to so how do I do this?

小提琴示例

推荐答案

我做到了:

background: transparent;

到 h2 和 p 元素.

这篇关于如何防止背景图像变得模糊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！