css 试图把我的backgorund图像在一个Div元素，但它的重复

r7s23pms 于 2023-05-19 发布在 Go

关注(0)|答案(1)|浏览(115)

我试图将背景图像放在div元素中，但当我添加div时，它会垂直重复，即使使用background-repeat也是如此：no-repeat;我的inspect工具说我得到了溢出。我该怎么阻止这一切的发生

<head>
<style>
    body {
        background-color: rgb(21, 32, 43); 
        
    } 
           
    div {
        
        background-image: url("chewy.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;

        height: 200px;
        
    }
           
    </style>

    
</head>

<body>
 <div>
    stuff here
</div>

</body>

css

来源：https://stackoverflow.com/questions/76265700/trying-to-put-my-backgorund-image-in-a-div-element-but-its-repeating

1条答案

按热度按时间

hivapdat1#

Make a class

    <head>
<style>
    body {
        background-color: rgb(21, 32, 43); 
        
    } 
           
    .header-box {
        
        background-image: url("chewy.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;

        height: 200px;
        
    }
           
    </style>

    
</head>

<body>
 <div class="header-box">
    stuff here
</div>

</body>

也许可以上一节课
.header-box { background-image：url（“chewy.jpg”）;背景尺寸：contain; background-repeat：无重复;背景位置：中心;高度：200 px;}

赞(0）回复(0）举报 2023-05-19

我来回答

css 试图把我的backgorund图像在一个Div元素，但它的重复

1条答案

相关问题

热门标签

最新问答