怎么用css把背景圖片拉伸 不是平鋪

怎么用css把背景圖片拉伸 不是平鋪

怎么用css把背景圖片拉伸 不是平鋪 純css實現(xiàn)的話可以使用css的background-size屬性。語法如下示例: p{background-size:**** ****} 共有兩個值,**個值是寬度,第二個值是高度。

如果只設(shè)置**個值,則第二個值預(yù)設(shè)為\”auto\”。

css怎么把背景圖片拉伸至**** .a {width: 500px;height: 500px;background: url(img/1.jpg);background-size: ****} 不知道是不是你想要的結(jié)果 具體使用方法如下: 背景圖尺寸(數(shù)值表示方式): 程式碼如下: #background-size{ background-size:200px 100px; } 背景圖尺寸(百分比表示方式): 程式碼如下: #background-size2{ background-size:30% 60%; } 背景圖尺寸(等比擴充套件圖片來填滿元素,即cover值): 程式碼如下: #background-size3{ background-size:cover; } 背景圖尺寸(等比縮小圖片來適應(yīng)元素的尺寸,即contain值): 程式碼如下: #background-size4{ background-size:contain; } 背景圖尺寸(以圖片自身大小來填充元素,即auto值): 程式碼如下: #background-size5{ background-size:auto; } /css 背景圖片如何拉伸,不是平鋪。求例子 <style type = \”text/css\”> body { background-image:url(\”xxx.jpg\”); no-repeat center center fixed; background-size: contain; } 試試看看background-size: ,contain 或者cover, stackoverflow里的回復(fù)還有幾句沒看懂的, -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 我刪了后也能在IE和firefox里顯示拉伸的背景圖片,不知道加上去有什么作用 css怎么定義背景圖片拉伸? .bg { MARGIN: 0px ; ;PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MIN-HEIGHT: 10px; BACKGROUND: url(images/leftboxContentBg.jpg) #edf6fb repeat-x 0px 0px; COLOR: #4d9ecf; } 試試 css背景圖片拉伸 不用濾鏡 暫時沒看到完美解決辦法 只能是濾鏡對付ie6 css3新背景特性對付新的瀏覽器了 div { background: url(example.jpg) left (**** 2em) no-repeat, url(example2.jpg) bottom left (**** 2em) no-repeat, url(example3.jpg) center center (10em 10em) repeat-y; } 在這里,(**** 2em) 是background-size 的值;**個背景圖片將會出現(xiàn)在左上角并會被拉伸至該div的****寬度和2em的高度。 求背景圖片拉伸? 沒有直接辦法,只能用層來實現(xiàn),示例如下: <div class=\”page_speeder_2010202423\”> 把你的網(wǎng)頁程式碼加在這里 </div> 注意<div></div>要放在網(wǎng)頁的<body></body>內(nèi),而原來<body></body>內(nèi)的所有內(nèi)容都要移動到<div>內(nèi)。 這樣也不是**解決方案,但暫時只能這樣。

幻燈片背景圖片怎么拉伸開來 現(xiàn)在的背景是平鋪的,同樣的圖片好幾張組合起來,怎么把背景圖片拉伸為一張 點選單中的格式——背景——點下拉箭頭中的填充效果——點圖片,再從電腦上找到要做成背景的圖片,點確定,再點應(yīng)用,如果是所有幻燈片都要這樣的背景就點“全部應(yīng)用”。 Dreamweaver8 怎么樣把背景圖片拉伸全屏?? Dreamweaver8 工具下面有個頁面屬性 你開啟后設(shè)置背景 還有平鋪 什么的 一些屬性 你看一下就會用了解決方法有兩種: 一種是CSS,使用background-size:cover實現(xiàn)圖片的拉伸效果,但是IE8及以下版本不支援background-size,于是可以使用微軟的濾鏡效果,但是IE6不支援。 程式碼如下: body{background:url(bg.jpg) center center;background-size:cover;height:900px;width:****; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\’bg.jpg\’, sizingMethod=\’scale\’);} 另一種是使用jQuery,在body中動態(tài)插入一個div,然后在div里包含一張圖片,瀏覽器視窗改變大小時,動態(tài)設(shè)定背景圖片的尺寸。

制作html網(wǎng)頁時如何使用CSS使背景圖片拉伸(

比方說背景圖片鋪滿整個div(不管多大):
<div?style=\”width:320px;?height:240px;?background:url(圖片url)?no-repeat?center?/?****?****\”></div>
如果想讓圖片保持原始的長寬比例不變形(多余部分自動裁去):
<div?style=\”width:320px;?height:240px;?background:url(圖片url)?no-repeat?center?/?cover\”></div>
如果想保持比例的同時又要顯示出完整的圖片(div會出現(xiàn)留白):
<div?style=\”width:320px;?height:240px;?background:url(圖片url)?no-repeat?center?/?contain\”></div>

在css中設(shè)置圖片的背景圖,怎么設(shè)置圖片縱向拉伸

css中設(shè)置背景圖拉伸填充,在css2.1之前這個背景的長寬值是不能被修改的。實際的結(jié)果是只能重復(fù)顯示,可以使用repeat,repeat-x,repeat-y,no-repeat這些屬性來控制背景圖片的顯示。

所以一般用作背景圖片的有2類:1.是一整張大圖,尺寸和區(qū)域大小剛好吻合2.一個很小的條狀圖,通過repeat后,形成一個很規(guī)則的大圖背景。

css3出現(xiàn)以后,可以用background-size屬性來實現(xiàn)背景圖拉伸填充。而且這個屬性在firefox,chrome,以及ie9上都可以使用。

css如何拉伸圖片,不是**后逐個填充

用這段JS<SCRIPT language=JavaScript type=text/JavaScript>//改變圖片大小function resizepic(o){ var maxwidth=550; //定義**寬度var maxheight=400; //定義**高度var a=new Image();a.src=o.srcif(a.width > maxwidth){ o.style.width=maxwidth;}if (a.height> maxheight){ o.style.height=maxheight; }}//無級縮放圖片大小function bbimg(o){ return false;}</SCRIPT>

CSS中如何設(shè)拉伸背景圖片鋪滿屏幕

body{
background: url(\”image.png\”) no-repeat;
height:****;
width:****;
overflow: hidden;
background-size:cover;或者background-size:****;
}

擴展資料:
CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。 CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級**控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。

編程工具
記事本:使用Windows系統(tǒng)自帶的記事本可以編輯網(wǎng)頁。

只需要在保存文檔時,以.html為后綴名進行保存即可。
Dreamweaver百科:它與Flash、Fireworks并稱網(wǎng)頁三劍客。Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器,它是**套針對專業(yè)網(wǎng)頁設(shè)計師特別開發(fā)的視覺化網(wǎng)頁開發(fā)工具,利用它可以輕而易舉地制作出充滿動感的網(wǎng)頁。

DIV+CSS,怎樣將背景圖片拉伸到全屏?。?謝謝各位了 急呀~~~

拉伸是可以做的,需要用到另外一個屬性:css中設(shè)置背景圖拉伸填充,在css2.1之前這個背景的長寬值是不能被修改的。 實際的結(jié)果是只能重復(fù)顯示,可以使用repeat,repeat-x,repeat-y,no-repeat這些屬性來控制背景圖片的顯示。

所以一般用作背景圖片的有2類: 1.是一整張大圖,尺寸和區(qū)域大小剛好吻合 2.一個很小的條狀圖,通過repeat后,形成一個很規(guī)則的大圖背景。

css3出現(xiàn)以后,可以用background-size 屬性來實現(xiàn)背景圖拉伸填充。 而且這個屬性在firefox,chrome,以及ie9上都可以使用。