Question

我想让<div id="grid" wicket:id="grid">成为全屏图片。

谁能告诉我我做错了什么？

HTML：

<html>
<head>
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>

</head>
<body>
<div id="grid" wicket:id="grid" >

</div>
</body>
</html>

爪哇：

WebMarkupContainer grid = new WebMarkupContainer("grid");
grid.add(new SimpleAttributeModifier("style", "width:100%; height:100%;background:url(partimages/" + imageName + ") no-repeat;"));
add(grid);

Answer 1

您的DIV没有屏幕（正文）那么高，而且您的背景仅限于DIV

的大小

一个解决方案是设置HTML和BODY的100％高度，正如Pete在评论中所建议的那样。

有关详细信息，请参阅此问题：Make div 100% height of browser window

Answer 2

你试过＆＃34;封面＆＃34;？ w3c example

background-size:cover;

在全屏的背景图象与css

2 个答案: