在网页布局中，常会使用CSS背景图来装饰页面，但有时候背景图会将文字覆盖住，影响阅读。这时候怎么办呢？下面为大家介绍几种解决方法。

第一种方法是通过设置背景图的位置，使其不与文字重叠。具体做法是添加以下CSS代码：

.background {
background-image: url(bg.jpg);
background-position: right top; /* 或者其他不与文字重叠的位置 */
}

将“background-position”属性的值改为不与文字重叠的位置，就可以避免文字被覆盖。

第二种方法是通过设置背景图的透明度，将其变得半透明，使得文字可以透过背景图看到。具体做法是添加以下CSS代码：

.background {
background-image: url(bg.jpg);
opacity: 0.5; /* 或者其他值 */
}

将“opacity”属性的值改为0到1之间的数值，数值越小背景图越透明，就可以让文字透过背景图显示。

第三种方法是通过设置背景图的大小，将其缩小，使得文字可以在背景图的空白区域显示。具体做法是添加以下CSS代码：

.background {
background-image: url(bg.jpg);
background-size: 50%; /* 或者其他值 */
}

将“background-size”属性的值改为0到100%之间的数值，数值越小背景图越小，就可以让文字在背景图的空白区域显示。

总的来说，避免CSS背景图覆盖文字的方法有很多种，根据具体情况选择合适的方法即可。