thymeleaf模板HTML中引用css但背景图片只显示了一半

可能程序不对。支持CSS3的浏览器里显示，可以用background-size来定义。如果你在不支持css3的浏览器里显示，可以给body定义一个子元素，宽度和高度都为100%，然后在这个子元素里加一个 回答于 2022-06-02

background-position：表示背景图片的起始点定位，

默认为 0 0，即从左上角开始，

第一个数字为纵坐标，从上倒下增加，

第二个为横坐标，从左到右增加

最大尺寸不得超出图片大小

也可以直接写在background中；例如

.cssa{

width:200px

height:400px

background:url(../images/bg.jpg) 0px 100px no-repeat

}

表示从bg.jpg的 上边距0px 左边距100px处的 坐标点开始为左上角，

显示宽200px；

高400PX的区域

要是想要全部显示可以在盒子宽高有设置时可以直接写background-size:100%；

要不是有具体像素要求也可以直接写成background-size:30px 20px

但是在IE9以下IE系列浏览器是不兼容，假如需要兼容IE版本，最好是通过PS修改图片大小。

（纯手打，求采纳 梦魂清风 @author：dream breeze）！

---