css 是否可以在一个元素中调整两个背景图像的大小？

ubof19bj 于 2023-02-10 发布在其他

关注(0)|答案(2)|浏览(105)

我想在他们的位置大小背景图片的地方。这是可能的吗？我已经尝试过，但它实际上是行不通的。

header {
  background: #fff8f3;
  padding: 0 200px;
  background-image: url('../images/header_bg.png'), url('../images/developer.png');
  background-repeat: no-repeat;
  background-position: bottom right, left;
  background-size: 50%;
}

css

来源：https://stackoverflow.com/questions/75384053/it-is-possible-to-size-two-backgroud-image-in-a-element

2条答案

按热度按时间

nom7f22z1#

请这样试一下，希望能成功。

header {
    background: #fff8f3;
    padding: 0 200px;
    background-image: url('../images/header_bg.png') bottom right no-repeat, url('../images/developer.png') left no-repeat;
    background-size: 50%, 50%;
}

赞(0）回复(0）举报 2023-02-10

uurv41yg2#

是的，这是可能的，你会得到这里的细节。
https://www.w3schools.com/css/css3_backgrounds.asp https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
您可以看到这支笔也是https://codepen.io/salmanaabir/pen/zYLQwXE

<!DOCTYPE html>
<html>
<head>
<style> 
#example1 {
  background: url(https://www.w3schools.com/css/img_flwr.gif) right bottom no-repeat, url(https://www.w3schools.com/css/paper.gif) left top repeat;
  padding: 15px;
}
</style>
</head>
<body>

<div id="example1">
  <h1>Lorem Ipsum Dolor</h1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
  <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>

</body>
</html>

赞(0）回复(0）举报 2023-02-10

我来回答

css 是否可以在一个元素中调整两个背景图像的大小？

2条答案

相关问题

热门标签

最新问答