給div加上背景圖片
...
在瀏覽一些網站時發現有一種效果是當滾動時看到某一DIV的背景也會隨之滾動,如下: 當滾動時內容位置保持不變,但是內容后面的背景卻在隨着滾動。隨之我通過審查元素看到了其是通過background position來實現的,實現原理為當目標DIV出現在屏幕上時,當往下滾動時background position的Y越來越小,反之則越大。 准備好一張大圖,先寫出布局 lt style gt .wrap ...
2016-10-13 17:25 0 3001 推薦指數:
...
效果: 只需要在需要背景不跟着動的div里: 加上background-attachment:fixed;就可以了,兼容IE6+ 如果不加這個屬性: 網上兼容IE6的方法: 加一句js就行了 ...
平常,在css里,我們寫成 { background:url(....) ; } 如果需要寫腳本, 則 function(){ .....; ...
...
html: <div class=”contain-title”><div> css: (1)這種情況下圖片可以填充整個div,但背景色和原背景圖片不一致 background: url(../images/mall-bg.png) no-repeat ...
...
的背景圖是一張有着固定大小的圖片,放上去之后,各種不適應,不和諧,后來就想到如果能讓背景圖自適應導航欄的 ...
背景圖片可以設置重復(repeat)不重復(no-repeat),但沒有設置拉伸屬性。 這里用偽背景實現了拉伸。所謂偽背景,就是用兩個重疊的div,下面一個放圖片填滿div,當成背景。 ...