当它们是内容时,我可以缩放图像以填充窗口,如下所示:(没有任何html5或div)
<style type="text/css">
img {
width:100%;
height:100%;
margin:0px;
}
</style>
和
<img src="wacard.png" alt="original image" title="">
但
这失败了("html,body"和"body")
<style type="text/css">
body {
width:100%;
height:100%;
margin:0px;
}
</style>
和
<body
style="background-image: url(wacard.png);">
</body>
从这里拾取拾取:调整HTML5画布的大小以适应窗口但据我所知,它必须有一些比我知道的更奇特的代码,继续,...或者我做错了...
如何才能获得背景图像？(理想情况下,没有javascript)
这是一个很好的教程,有几个解决方案:http: //css-tricks.com/perfect-full-page-background-image/ 完成演示和分步编码过程.
提到的HTML5方式是:
html {
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;
}
文章中提到了一个ie修复.
| 归档时间： |
|
| 查看次数： |
19861 次 |
| 最近记录： |