我正在尝试获取 <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>
Java:
WebMarkupContainer grid = new WebMarkupContainer("grid");
grid.add(new SimpleAttributeModifier("style", "width:100%; height:100%;background:url(partimages/" + imageName + ") no-repeat;"));
add(grid);
最佳答案
你的 DIV
没有屏幕(body)那么高,你的背景被限制在 DIV
的大小内
一个解决方案是在 HTML
和 BODY
上也设置 100% 高度,正如 Pete 在他的评论中所建议的那样。
有关更多详细信息,请参阅此问题:Make div 100% height of browser window
关于html - 带有CSS的全屏背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29600868/