Question

这是我正在使用的当前代码，我想要显示整个图像：

.main #header {
height: 240px;
border-bottom: 1px solid #EEE;
background: url("Irie Photo.jpg") no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

以下是调用类的HTML：

<div id="header">
            <div class="fb-like" data-href="https://www.facebook.com/theiriecollection" data-width="50" data-layout="standard" 
                 data-action="like" data-show-faces="true" data-share="true" style="float: right;"></div>
            <h1>Welcome to the Irie Collection!</h1>


        </div>

Answer 1

使用

background-size: 100% auto;

使图像显示为原始状态拉伸到高度，您发布的评论我认为您要使用上面的那个

background-size: auto 100%;

使图像以原始状态显示为拉伸宽度

background-size: (image-height here) (image-width here)

使图像处于原始状态（将字母替换为图像的像素）

如果它们都不是你要找的那个，请指明你的代码

Answer 2

我真的不明白你的问题，但也许你正在寻找：

{background-size: contain}

如何将整个图像放入标题？

2 个答案: