CSS固定背景的图片
生活随笔
收集整理的這篇文章主要介紹了
CSS固定背景的图片
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS固定背景的圖片
? ? ? ? ? 對于一些背景圖片，當瀏覽器出現滾動條時，通常不希望圖片隨著文字的移動而移動，而是固定在某一位置。
? ? ? ? ??CSS通過background-attachment的值為fixed來實現。
<span style="font-size:24px;"><html><head><title>固定背景圖片</title><style><!--body{padding:0px;margin:0px;background-image:url( http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg);background-repeat:no-repeat;background-attachment:fixed;} p{padding:10px;margin:5px;line-right:1.5em;font-size:32px;}--></style></head><body><p>CSS（Cascading Style Sheet），中文譯為層疊樣式表，用于控制頁面樣式，并允許將樣式信息與網友內容分離的一種標記性語言……</p><p>CSS（Cascading Style Sheet），中文譯為層疊樣式表，用于控制頁面樣式，并允許將樣式信息與網友內容分離的一種標記性語言……</p></body> </html></span>? ? ? ? ??顯示效果，當拖動瀏覽器的滾動條時，僅僅只是文字往上移動了，背景圖片沒有發生任何移動，依舊在原來的位置上。
總結
以上是生活随笔為你收集整理的CSS固定背景的图片的全部內容，希望文章能夠幫你解決所遇到的問題。
