当前位置：首页 → 问答吧 → 背景图片缩放问题

背景图片缩放问题

时间：2011-11-10

来源：互联网

我用框架做了个页面，分为三块，TOP,LEFT,RIGHT现在想在TOP的页面中添加背景图片，希望背景图片就是能随页面的大小变化自动缩放，因为框架都是由百分比来控制层的大小的所以不同过的显示器如果现实一张图片就会不一样，我的意思就是在不同浏览器中这张图片的大小都刚好填充TOP这个页面

部分代码如下
INDEX.ASPX
HTML code

<frameset rows="20%,80%" framespacing="0" frameborder="0">
    <frame name="top" noresize="true" src="top.aspx">
    <frameset cols="15%,85%" framespacing="0" frameborder="0">
        <frame name="left" noresize="true" src="left.aspx" />
        <frame name="right" noresize="true" src="right.aspx" />
    </frameset>
</frameset>

top.aspx
HTML code

<body style="background:url(Images/headBG.gif) no-repeat right top #000;">
    <form id="form1" runat="server">
    <div>
     
    </div>
    </form>
</body>

作者: Dominic_zy 发布时间: 2011-11-10

css3中的背景才可以缩放背景。
你可以使用div，设置z-index:0作为最底层进行设置
<div style="z-index:0;position:absolute;width:100%;height:100%"><img style="width:100%;height:100%"></div>这种方法

作者: net_lover 发布时间: 2011-11-10

背景图片缩放问题

热门阅读

热门下载