HTML背景图片怎么依浏览器伸缩放大
HTML背景图片怎样依浏览器伸缩放大
在页面里放一个最大的table,然后里面放一个背景改怎么做。
我试过用CSS3的background-size:cover可以实现。
但是客户是XP的 最高支持IE8 而IE8 不支持CSS3
然后我将IE-CSS3.htc引用进去 但是不出效果。
最后我就没辙了。
问高手说可以在table里tr外写一个img 放大百分比当背景。但是出来的效果是背景和 tr td分开了
继续求高手帮忙
------解决思路----------------------
或者暴力点,直接使用js来动态设置高度和宽度
------解决思路----------------------
我给你修改以上上面的网页
现在你在拖动浏览器窗口改变大小,看看效果。
在页面里放一个最大的table,然后里面放一个背景改怎么做。
我试过用CSS3的background-size:cover可以实现。
但是客户是XP的 最高支持IE8 而IE8 不支持CSS3
然后我将IE-CSS3.htc引用进去 但是不出效果。
最后我就没辙了。
问高手说可以在table里tr外写一个img 放大百分比当背景。但是出来的效果是背景和 tr td分开了
继续求高手帮忙
------解决思路----------------------
或者暴力点,直接使用js来动态设置高度和宽度
------解决思路----------------------
我给你修改以上上面的网页
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
html,
body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
body {
background-image: url(http://vr1.6rooms.com/imges/room/skin_bg/mod0_v3.jpg);
background-position: center top;
}
</style>
</head>
<body>
<table style="height: 100%; width: 100%;">
<tr>
<td style="text-align:center">
<img src="http://avatar.****.net/0/2/F/1_qq_21944685.jpg" />
卡卡
</td>
</tr>
</table>
</body>
</html>
现在你在拖动浏览器窗口改变大小,看看效果。