none
背景图片或者图片占满屏幕和跟随浏览器变化 RRS feed

  • 问题

  • 1.比如我像素是1200×900像素的图片,如何占满1980×1080像素的屏幕,保证不失真不变形 比例也不变。。

    2.鼠标拖拽浏览器窗口放大缩小浏览器窗口的时候,图片也自动根据比例放大缩小,并显示全景,高手怎么做呢,谢谢在线等。

    听一个朋友说微软shairpoint有个js是缩放图片的 不知道有没有 。。。


    李平
    2010年5月28日 8:07

答案

  • 参考w3cschool 网站中的 CSS教材中的背景设置。

     

    主要是对body标记设置背景样式。

    2010年5月28日 9:03
  • 一般的图形都做不到在放大的时候不失真,这是由图片本身决定的,除非你的图形是矢量图形。

    如果想要图片在窗口大小改变的时候而改变大小,可以通过脚本更改其宽度和高度。

    e.g

     window.onresize = function() { alert(window.top); }

    Microsoft Online Community Support
    2010年5月31日 2:33
  • 背景图片方便的作法是采用CSS3

    http://dotnet.aspx.cc/article/ac7f6f17-cc42-4b26-9e00-31d5f4671417/read.aspx


    【孟子E章】
    2010年6月1日 5:42
    版主

全部回复

  • 参考w3cschool 网站中的 CSS教材中的背景设置。

     

    主要是对body标记设置背景样式。

    2010年5月28日 9:03
  • 一般的图形都做不到在放大的时候不失真,这是由图片本身决定的,除非你的图形是矢量图形。

    如果想要图片在窗口大小改变的时候而改变大小,可以通过脚本更改其宽度和高度。

    e.g

     window.onresize = function() { alert(window.top); }

    Microsoft Online Community Support
    2010年5月31日 2:33
  • 背景图片方便的作法是采用CSS3

    http://dotnet.aspx.cc/article/ac7f6f17-cc42-4b26-9e00-31d5f4671417/read.aspx


    【孟子E章】
    2010年6月1日 5:42
    版主