html背景图不居中显示,html – Firefox背景图像水平居中奇怪

我正在为CMS构建一些基本的HTML代码.

CMS中与页面相关的选项之一是“背景图像”和“拉伸页面宽度/高度到背景图像宽度/高度”.因此,对于大背景图像,整个事物变得可见.

我目前的屏幕分辨率是1280 x 1024.

如果我执行以下操作:

>指定宽度为1400像素的背景图像

>将“位置”指定为“中心”(水平/垂直)

>指定“拉伸页面宽度到背景图像宽度”

然后在FF中,发生以下情况:

>页面正确拉伸到1400px.我得到一个水平滚动条,因为我的屏幕小于那个.到现在为止还挺好.

>现在奇怪的是:背景图像不是相对于1400px居中,因此显示了完整的图像,但是相对于我的1280px的视口,隐藏了一部分图像超出了屏幕的左边缘,并留下了白色条纹向右而不是显示整个图像.

>没有其他元素(DIV,包装器……)可以操纵任何东西.所有设置都直接在正文中.

更新:IE正确完成.谷歌Chrome有同样的问题.

就好像Firefox首先渲染100%宽度的背景图像,居中,然后注意到身体需要拉伸到1400px.

这是正常的Firefox行为吗?

任何想法我能做什么?

发布一个链接会有点麻烦,因为它都在一个封闭的开发环境中,但如果一切都失败了,我会把一些东西放在一起看.

CSS:

body

{

background-image: url(http://www.domain.com....image.jpg);

background-repeat: no-repeat;

background-position: center center;

min-width: 1400px;

height: 100%;

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值