具有多个部分的1页布局的可调整大小的背景

我有一个包含8个部分的水平网站，所有需要使用浏览器重新调整大小的完整背景图像。请看看：http://www.dancephotography.net.au/test1.htm 具有多个部分的1页布局的可调整大小的背景

温柔......我是一个没有flash知识的新手。这是一个未完成的设计，将成为其他网页的模板。

2011-06-26 belinda

欢迎来到SO。如果您有任何问题，我建议您针对您的问题更具体一些，并发布任何相关的入门代码。你可以提供的细节越多，更多的人将能够帮助你。事实上，很难知道你在问什么问题。 – nmc

@nmc我认为她问的是如何在浏览器重新调整大小时让她调整背景大小... – 2011-06-26 02:38:48

是的，它...按比例调整大小...页面上每个容器的不同背景（8）XX – belinda

@belinda;你可以用css3 cover财产

.wrap { 
     background: url(images/bg.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
}

&点它，即你可以你FILTER

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); 
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

，或者您可以使用100%这样。

.wrap { 
      background: url(images/bg.jpg) no-repeat center center fixed; 
      -webkit-background-size: 100%; 
      -moz-background-size: 100%; 
      -o-background-size: 100%; 
      background-size: 100%; 
    }

它是根据div的heigfht &宽度拉伸图像。 FOR MORE检查此链接http://css-tricks.com/3458-perfect-full-page-background-image/

来源

2011-06-26 02:49:11 sandeep

上面的CSS封面属性（.wrap）是否将该属性放在页面上8个部分的CSS属性下？即家庭生物互动原则等 – belinda

是你可以把页面上的8个部分的每一个的封面属性 – sandeep

我会支付任何人可以为我做这个工作！ X – belinda

使用div与img一切下方会轻松很多，因为你可以设置最大/最小宽度和或高度，使得图像不变形太笨拙。

此解决方案不是CSS3特定的，因此任何浏览器都应该以相同的方式运行。我已经为你打了一个例子，可以在http://jsfiddle.net/Qzcnn/找到。

来源

2011-06-26 03:04:24 Shaz

非常感谢，我非常感谢你的时间。我正在寻找按比例调整大小。 – belinda

具有多个部分的1页布局的可调整大小的背景

回答

相关问题