Question

好的，所以我试图模仿谷歌的主页。看起来即使是小图像，Google也会将其展开以适应并且不会过度填充。我尝试使用背景位置，但它可能看起来很适合某些图像，但看起来像其他人的垃圾。所以我的问题是如何使用jQuery来解决这个问题？

好的，这是我正在使用的css

background-repeat: no-repeat;
background-size: auto;
background-clip: border-box;
background-origin: padding-box; 
background-attachment:scroll; 
background-position: 0px 28%;
position: fixed;
z-index:-10;

页面中的

和div样式使用上面的css类作为其样式以在背景中显示图像

<div style="display: block; opacity: 0.99999; width: 1600px; height: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(<?php echo base64_decode($_COOKIE['phx_utmc_session']); ?>);" id="phx_utmc_background"></div>

在div部分使用width作为高度可能会有一些问题，但我不确定，因为没有高度它不会工作。

所以你们^^

Answer 1

如前所述，这可以通过CSS

来完成

尝试

body {
   background: url('http://placekitten.com/200/300');
   background-position: center 0%;
   background-repeat: no-repeat;
}

Live link

Answer 2

您是否尝试过使用CSS

body {
   background: url('background.png') no-repeat center right 40% 0 transparent;
}

虽然我没有测试过，但似乎你可以用CSS完成这个。

保持背景图像居中

2 个答案: