div里设置background-image时怎么不影响图标和字体
时间: 2024-03-26 14:34:12 浏览: 50
高级CSS3:由HTML5 div元素制成的伪图标
可以使用CSS中的background-clip属性,将其设置为"content-box",这样背景图片就只会作用于内容框而不会覆盖图标和字体。例如:
```
div {
background-image: url('your-image-url');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-clip: content-box;
}
```
阅读全文