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固定背景的图片的全部內容,希望文章能夠幫你解決所遇到的問題。