怎么用css把背景圖片拉伸 不是平鋪
怎么用css把背景圖片拉伸 不是平鋪
怎么用css把背景圖片拉伸 不是平鋪 純css實(shí)現(xiàn)的話可以使用css的background-size屬性。語法如下示例： p{background-size:**** ****} 共有兩個(gè)值，**個(gè)值是寬度，第二個(gè)值是高度。
如果只設(shè)置**個(gè)值，則第二個(gè)值預(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%; } 背景圖尺寸（等比擴(kuò)充套件圖片來填滿元素，即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背景圖片拉伸 不用濾鏡 暫時(shí)沒看到完美解決辦法 只能是濾鏡對(duì)付ie6 css3新背景特性對(duì)付新的瀏覽器了 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 的值;**個(gè)背景圖片將會(huì)出現(xiàn)在左上角并會(huì)被拉伸至該div的****寬度和2em的高度。 求背景圖片拉伸？ 沒有直接辦法，只能用層來實(shí)現(xiàn)，示例如下： <div class=\”page_speeder_2010202423\”> 把你的網(wǎng)頁程式碼加在這里 </div> 注意<div></div>要放在網(wǎng)頁的<body></body>內(nèi)，而原來<body></body>內(nèi)的所有內(nèi)容都要移動(dòng)到<div>內(nèi)。 這樣也不是**解決方案，但暫時(shí)只能這樣。
幻燈片背景圖片怎么拉伸開來 現(xiàn)在的背景是平鋪的，同樣的圖片好幾張組合起來，怎么把背景圖片拉伸為一張 點(diǎn)選單中的格式——背景——點(diǎn)下拉箭頭中的填充效果——點(diǎn)圖片，再從電腦上找到要做成背景的圖片，點(diǎn)確定，再點(diǎn)應(yīng)用，如果是所有幻燈片都要這樣的背景就點(diǎn)“全部應(yīng)用”。 Dreamweaver8 怎么樣把背景圖片拉伸全屏？？ Dreamweaver8 工具下面有個(gè)頁面屬性 你開啟后設(shè)置背景 還有平鋪 什么的 一些屬性 你看一下就會(huì)用了解決方法有兩種： 一種是CSS，使用background-size:cover實(shí)現(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中動(dòng)態(tài)插入一個(gè)div，然后在div里包含一張圖片，瀏覽器視窗改變大小時(shí)，動(dòng)態(tài)設(shè)定背景圖片的尺寸。
制作html網(wǎng)頁時(shí)如何使用CSS使背景圖片拉伸（
比方說背景圖片鋪滿整個(gè)div（不管多大）：
<div?style=\”width:320px;?height:240px;?background:url(圖片url)?no-repeat?center?/?****?****\”></div>
如果想讓圖片保持原始的長寬比例不變形（多余部分自動(dòng)裁去）：
<div?style=\”width:320px;?height:240px;?background:url(圖片url)?no-repeat?center?/?cover\”></div>
如果想保持比例的同時(shí)又要顯示出完整的圖片（div會(huì)出現(xiàn)留白）：
<div?style=\”width:320px;?height:240px;?background:url(圖片url)?no-repeat?center?/?contain\”></div>
在css中設(shè)置圖片的背景圖，怎么設(shè)置圖片縱向拉伸
css中設(shè)置背景圖拉伸填充，在css2.1之前這個(gè)背景的長寬值是不能被修改的。實(shí)際的結(jié)果是只能重復(fù)顯示，可以使用repeat,repeat-x,repeat-y,no-repeat這些屬性來控制背景圖片的顯示。
所以一般用作背景圖片的有2類：1.是一整張大圖，尺寸和區(qū)域大小剛好吻合2.一個(gè)很小的條狀圖，通過repeat后，形成一個(gè)很規(guī)則的大圖背景。
css3出現(xiàn)以后，可以用background-size屬性來實(shí)現(xiàn)背景圖拉伸填充。而且這個(gè)屬性在firefox，chrome，以及ie9上都可以使用。
css如何拉伸圖片，不是**后逐個(gè)填充
用這段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; }}//無級(jí)縮放圖片大小function bbimg(o){ return false;}</SCRIPT>
CSS中如何設(shè)拉伸背景圖片鋪滿屏幕
body{
background: url(\”image.png\”) no-repeat;
height:****;
width:****;
overflow: hidden;
background-size:cover;或者background-size:****;
}
擴(kuò)展資料:
CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。 CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級(jí)**控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁對(duì)象和模型樣式編輯的能力。
編程工具
記事本：使用Windows系統(tǒng)自帶的記事本可以編輯網(wǎng)頁。
只需要在保存文檔時(shí)，以.html為后綴名進(jìn)行保存即可。
Dreamweaver百科：它與Flash、Fireworks并稱網(wǎng)頁三劍客。Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是**套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別開發(fā)的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出充滿動(dòng)感的網(wǎng)頁。
DIV+CSS，怎樣將背景圖片拉伸到全屏?。?謝謝各位了 急呀~~~
拉伸是可以做的,需要用到另外一個(gè)屬性:css中設(shè)置背景圖拉伸填充，在css2.1之前這個(gè)背景的長寬值是不能被修改的。 實(shí)際的結(jié)果是只能重復(fù)顯示，可以使用repeat,repeat-x,repeat-y,no-repeat這些屬性來控制背景圖片的顯示。
所以一般用作背景圖片的有2類： 1.是一整張大圖，尺寸和區(qū)域大小剛好吻合 2.一個(gè)很小的條狀圖，通過repeat后，形成一個(gè)很規(guī)則的大圖背景。
css3出現(xiàn)以后，可以用background-size 屬性來實(shí)現(xiàn)背景圖拉伸填充。 而且這個(gè)屬性在firefox，chrome，以及ie9上都可以使用。
