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

html-css012

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

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

CSS Sprite

需要知道大图的网地,小图标在图上的位置偏移(写进css里的background-position要加负号),和大小。

<style>

.icon {

  background:url(background.png)

  background-repeat:no-repeat

  background-position:-25px -374px

  height:16px

  width:24px

}

</style>

<div class=".icon"></div>