时间戳

首页 > 解决方案 > CSS背景：网址不起作用

html - CSS背景：网址不起作用

问题描述

HTML代码是

<style>
.banner_image{

    padding-top: 75px;
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(http://test.puurmondhygienist.nl/wp-content/uploads/2017/01/slide_bg_2400x1080.jpg) no-repeat center center;
    background-size: cover;
}
.banner_content{
    position: relative;
    padding-top: 6%;
    padding-bottom: 6%;
    margin-top: 12%;
    margin-bottom: 12%;
    background-color: rgba(0, 0, 0, 0.7);
    max-width: 660px;
}
</style>
             <div class="banner_image">
                    <div class="container">
                        <center>
                             <div class="banner_content">
                            
                                 <h1>We Sell Lifestyle</h1>
                                 <p>Flat 50% off on all brands</p>
                                 <a href="products.html"><input type="button" class="btn btn-danger btn-lg active" value="Shop Now"></a> 
                            </div>
                        </center>
                    </div>
                </div>
图像不显示。CSS有什么问题吗？我尝试了很多次，但这不起作用。我什至在驱动器上添加了 CSS 文件并尝试了它仍然没有工作，这是什么问题？请帮忙。

标签： htmlcssweb

解决方案

利用：

background-image: url("http://test.puurmondhygienist.nl/wp-content/uploads/2017/01/slide_bg_2400x1080.jpg");

我认为它可以与 background-image 属性一起使用。不仅是背景。我为 URL 加上引号。然后我删除no-repeat center center并结束代码

推荐阅读