如何用css彈出一個背景圖像

我試過了所有的東西，我用過background-position：100％;等如何用css彈出一個背景圖像

 a.textlink:link { color: #8E7086; font: bold 11pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; padding-right: 10px; } 
     a.textlink:visited { color: #8E7086; font: bold 11pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; } 
     a.textlink:hover { color: #756C63; font: bold 11pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; } 
     a.textlink:active { color: #8E7086; font: bold 11pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none; } 
     body { 
      font-family: Verdana,Arial,Helvetica,sans-serif; 
      background-color: #FFF; 
      text-align: center; 
          background-image: url(images/Template/radeberger_wrapper.jpg); 
          background-repeat: no-repeat; 
          background-position: 100%;

來源

2013-10-02 Ichvan Ibragimov

這裏是一個很好的資源：http://css-tricks.com/perfect-full-page-background-image/ – MackieeE

用途：

background-size: cover;

或

background-size: 100% auto;

第一個將永諾覆蓋整個元素，但（僅適用於現代的瀏覽器）是CSS3。第二個將始終有全寬，保持寬高比。

來源

2013-10-02 11:44:41 SKeurentjes

你應該看看這個Question，它在同一個問題上有很多討論。

background-size: 100% auto;

這裏閱讀CSS 3

來源

2013-10-02 11:52:21

如何用css彈出一個背景圖像

回答

相關問題