Question

这是我在页面中的html代码

<style type="text/css">
                            .container{width:100%;}
                            .left{float:left;}
                            .right{float:right;}
                            .center{margin:0 auto;}
                        </style>
                        <ul class="invite container" >
                            <li class="container">
                                <span class="left">
                                    <img src="images/main-bride.jpg" height="200px" />
                                </span>
                                <span class="frame right">
                                    <img src="images/main-groom.jpg" height="200px" />
                                </span>
                                <!-- <span class="center" background="images/frame.png"> hello</span> -->
                            </li>

                            <!-- <li class="right">
                                <span class="frame"><img src="images/main-groom.jpg" height="200px" /></span>
                            </li> -->

                        </ul>

这是css代码：

.frame {
display: block;
line-height: 0px;
background: url(../images/frame.png) no-repeat center center;
}

.frame img {border: 10px solid #fff;}

其他所有工作都在找，但只有背景图片不可见。我遗失的任何东西？请帮助。

Answer 1

如果您的背景应该是图像周围10px，而不是图像的白色边框，图像隐藏它。

尝试添加：

.frame {display: block; padding: 10px; background-repeat: repeat;}
.frame img {border: 0px;}

并检查背景是否可见＆＃34;周围＆＃34;图片。请记住，frame.png可以很小并且仍然隐藏在图像下方。您必须小心调整所有尺寸。

几句解释：在这种情况下，您正在父元素上设置填充，因此图像的每一侧都有10px的空间。在这种情况下，将从.frame元素中看到10px帧，图像将覆盖它的中心。

如果您希望背景覆盖图像，请使用：

.frame img {display: none;}
.frame {display: block; height: ...px; width: ...px;}

为什么选择downvote？写一些东西会很好。句号。

Answer 2

是从索引页面向上一级或在索引页面上内联的文件中的背景css吗？你的css为后台网址说

background: url(../images/frame.png) no-repeat center center;

background: url(..            go up one level
               /images/     down into images folder
               frame.png    find the file called frame.png
        ) no-repeat center center;

检查你的路径。

不显示背景图像

2 个答案: