文章/答案/技术大牛

发布

社区首页 >问答首页 >在Chrome中无法垂直拉伸背景图像

问在Chrome中无法垂直拉伸背景图像
EN

Stack Overflow用户

提问于 2010-12-27 13:46:06

回答 2查看 1.8K关注 0票数 0

CSS -

#header {       
    overflow: hidden;
    background: url(images/header-bg.png) top repeat-x #FFFFFF;        
    position: relative;        
    border: none;           
    display: block;
    height: 125px;   
    width:100%;
}

HTML -

<div id="header">
    <a href="http://localhost/" title="Dev" id="logo"><img src="images/logo.png" alt="" /></a>
</div>

这在Firefox中工作得很好--

但不在Chrome中:( -

在Chrome中图像没有被垂直拉伸。

帮助!

请注意，我用的是Linux。

编辑:背景图片(50x112px) -

请在此处查看- http://movie-buffs.info/

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-01-09 20:46:01

所以chrome会自动从另一个css文件中获取背景大小。

当我把

背景-大小:自动！重要；

在#header中，

这个问题已经不存在了。

感谢大家的帮助。

票数 1

Stack Overflow用户

发布于 2010-12-27 14:19:22

你使用的背景的简写是将颜色#FFFFFF放在最后一个参数中，它应该放在第一个参数中。试着去掉速记，这样你的代码就会如下所示：

 /* background: url(images/header-bg.png) top repeat-x #FFFFFF;    */
 background-image: url(images/header-bg.png);
 background-repeat: repeat-x;
 background-color: #fff;
 background-position: top;

速记顺序：

background-color, background-image, background-repeat, background-attachment, background-position

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4536821

复制

相似问题

问在Chrome中无法垂直拉伸背景图像
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Chrome中无法垂直拉伸背景图像EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Chrome中无法垂直拉伸背景图像
EN