① javascript 實現圖片自動適應DIV的大小並進行拉伸,使圖片不重復顯示
樓主,這個我接觸多了你試試我的.可以的話求採納。
css:
.div1{width:100px;}//這個隨意設置
.div1 img{width:100%;}
html:
<div class="div1"><img src="我的圖片" /></div>
② css IE中div背景圖片怎麼拉伸
ie也是支持的,只是在ie9以上,因為它是css3的新屬性。
低於ie9的,拉伸,還真沒辦法,你只能做圖片大點,或者用填充。更或者,背景居中,然後,不填充,用顏色來填充解決。
③ 怎麼用css把背景圖片拉伸 不是平鋪
1、首先准備一張設置為背景的圖片,這邊准備的是一張650px*347px的圖片。
④ 如何讓一個div隨著裡面的圖片變大變小,也就是說div高隨著圖片的高變大變小而變大變小
這樣存在兩種情況,一種是div是浮動的脫離了標准流或者是不是塊元素的情況下,div寬和高理論上是和圖片寬高一致的。第二種情況是div保持塊元素,如果是這樣高度是和圖片一致的,但是寬度默認是100%。因為獨立占據一行,因此寬度和父元素一致。因此這種情況就得使用js來獲取圖片寬度,並將其設置成為div的寬度。如果實在不會,度娘搜獲取對象寬度,設置對象寬度。想幫助到你
⑤ div背景圖片拉伸問題
假設 div 有一個id="a"
var width=$("#a").width();
var height=$("#a").height();
$("img").css({"height":height,"width":width})
我不需要考慮兼容性問題 我永遠保證我圖片和你的div 寬度 高度相同
希望能幫到你
⑥ 請教大師,如何讓div背景圖片自動拉伸,而不是平鋪
無法拉伸!
但是你可以用 background-repeat:no-repeat;
這個方法來 控制背景不會平鋪!
或者將你上面的代碼改為
<div id="BgImg"
style="height: 194px; width:100%; background-image: url('l_04.jpg') no-repeat;">
⑦ 製作html網頁時如何使用CSS使背景圖片拉伸(
比方說背景圖片鋪滿整個div(不管多大):
<divstyle="width:320px;height:240px;background:url(圖片url)no-repeatcenter/100%100%"></div>
如果想讓圖片保持原始的長寬比例不變形(多餘部分自動裁去):
<divstyle="width:320px;height:240px;background:url(圖片url)no-repeatcenter/cover"></div>
如果想保持比例的同時又要顯示出完整的圖片(div會出現留白):
<divstyle="width:320px;height:240px;background:url(圖片url)no-repeatcenter/contain"></div>
⑧ DIV+CSS,怎樣將背景圖片拉伸到全屏!! 謝謝各位了 急呀~~~
拉伸是可以做的,需要用到另外一個屬性:
css中設置背景圖拉伸填充,在css2.1之前這個背景的長寬值是不能被修改的。 實際的結果是只能重復顯示,可以使用repeat,repeat-x,repeat-y,no-repeat這些屬性來控制背景圖片的顯示。所以一般用作背景圖片的有2類:
1.是一整張大圖,尺寸和區域大小剛好吻合
2.一個很小的條狀圖,通過repeat後,形成一個很規則的大圖背景。
css3出現以後,可以用background-size 屬性來實現背景圖拉伸填充。 而且這個屬性在firefox,chrome,以及ie9上都可以使用。
具體使用方法如下:
背景圖尺寸(數值表示方式):
#background-size{ background-size:200px 100px; }
背景圖尺寸(百分比表示方式):
#background-size{ background-size:30% 60%; }
背景圖尺寸(等比擴展圖片來填滿元素,即cover值):
#background-size{background-size:cover; }
背景圖尺寸(等比縮小圖片來適應元素的尺寸,即contain值):
#background-size{ background-size:contain; }
背景圖尺寸(以圖片自身大小來填充元素,即auto值):
#background-size{ background-size:auto; }
⑨ DIV+CSS,怎樣將背景圖片拉伸到全屏!!
CSS裡面沒有拉伸的屬性的,只有平鋪
這里有個參考的方法,不過只適用於自己做網頁,網路空間不適用