css樣式不讓圖片平鋪 css圖片不隨頁面滾動(dòng)

css怎么實(shí)現(xiàn)層背景拉伸顯示而不平鋪

一種是CSS，使用background-size：cover實(shí)現(xiàn)圖片的拉伸效果，但是IE8及以下版本不支援background-size，于是可以使用微軟的濾鏡效果，但是IE6不支援。

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)建鄴,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 屬性。

是一整張大圖，尺寸和區(qū)域大小剛好吻合 一個(gè)很小的條狀圖，通過repeat后，形成一個(gè)很規(guī)則的大圖背景。css3出現(xiàn)以后，可以用background-size 屬性來實(shí)現(xiàn)背景圖拉伸填充。

推薦您使用騰訊電腦管家。打開騰訊電腦管家---系統(tǒng)修復(fù)(修復(fù)一下}--不行的話，電腦門診--上網(wǎng)異常--網(wǎng)頁圖片，顯示不正常。

在html中,怎么設(shè)置背景圖片不重復(fù)不平鋪,只顯示一張圖片

1、在body標(biāo)簽里添加文件路徑，語法如下：body background=文件路徑 這時(shí)，頁面雖然充滿了背景，但可以看出背景圖片被填充了多次。

2、把這個(gè)放在head區(qū)域 或者寫在單獨(dú)的css樣式表文件里。萬維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁面（外語：page）。

3、首先我們用Dreamweaver軟件做一個(gè)html文檔，當(dāng)然用其他編輯器也可以。然后給body設(shè)置一個(gè)背景圖片，這里小編給body加了一個(gè)高度，以便能看到圖片。然后先在瀏覽器中預(yù)覽一下效果。

4、bottom為背景位置?？康撞浚梢栽O(shè)置頂部再設(shè)置左再設(shè)置重復(fù)這樣效果疊加，但是不能既有左又有右這樣矛盾的設(shè)置。還可以疊加顏色，#00000000；這個(gè)是顏色。具體參考RGB顏色代碼。如果是div或者表格，css如第2條所述。

css背景圖片平鋪問題

您好，非常榮幸能在此回答您的問題。以下是我對(duì)此問題的部分見解，若有錯(cuò)誤，歡迎指出。你好！css中有一個(gè)背景圖片的屬性可以解決這個(gè)問題哦 你可以嘗試下：background-repeat no-repeat 這個(gè)屬性哦。

先進(jìn)入IE--工具--internet選項(xiàng)--高級(jí)--顯示圖片前面打勾 網(wǎng)速太慢貨網(wǎng)頁本身有問題(如果上別的網(wǎng)頁正常，那說明這個(gè)網(wǎng)頁的圖片鏈接有問題)推薦您使用騰訊電腦管家。

用background-size屬性，格式如下：background-size： length|percentage|cover|contain；length 設(shè)置背景圖片高度和寬度。第一個(gè)值設(shè)置寬度，第二個(gè)值設(shè)置的高度。

background-image：url(/i/eg_bg_0gif)；background-repeat：no-repeat；background-position：50% 50%；} 這會(huì)導(dǎo)致圖像適當(dāng)放置，其中心與其元素的中心對(duì)齊。換句話說，百分?jǐn)?shù)值同時(shí)應(yīng)用于元素和圖像。

加了background-repeat：repeat-x；之后，背景現(xiàn)在只在X軸即橫向進(jìn)行了平鋪操作，縱向并沒有進(jìn)行平鋪。這便是css對(duì)于背景細(xì)節(jié)的控制之一。

css樣式表禁用圖像平鋪

首先準(zhǔn)備一張?jiān)O(shè)置為背景的圖片，這邊準(zhǔn)備的是一張650px*347px的圖片。然后建立一個(gè)html文檔，將它和背景圖片放到一個(gè)文件夾中。編輯html文檔，這邊建立一個(gè)div，設(shè)置寬度為700px，高度跟背景圖一樣，為347px。

背景圖尺寸（以圖片自身大小來填充元素，即auto值）：程式碼如下：background-size5{ background-size：auto；} /css 背景圖片如何拉伸，不是平鋪。

使用“CSS 樣式定義”對(duì)話框的“背景”類別可以定義 CSS 樣式的背景設(shè)置?？梢詫?duì)網(wǎng)頁中的任何元素應(yīng)用背景屬性。加了background-repeat：repeat-x；之后，背景現(xiàn)在只在X軸即橫向進(jìn)行了平鋪操作，縱向并沒有進(jìn)行平鋪。

如果是要平鋪的圖片只能做成單張的圖片，集合圖片（css sprite）是不行的。至于實(shí)現(xiàn)平鋪效果用：background-repeat：repeat；background-repeat：repeat-y；background-repeat：repeat-x；再看看別人怎么說的。

background-repeat： repeat-x；使用“CSS 樣式定義”對(duì)話框的“背景”類別可以定義 CSS 樣式的背景設(shè)置?？梢詫?duì)網(wǎng)頁中的任何元素應(yīng)用背景屬性。

網(wǎng)頁設(shè)計(jì)背景圖片時(shí)怎么使圖片不重復(fù)平鋪

1、html里，讓背景圖片根據(jù)屏幕大小鋪滿屏幕不重復(fù)，具體方法如下：首先我們用Dreamweaver軟件做一個(gè)html文檔，當(dāng)然用其他編輯器也可以。然后給body設(shè)置一個(gè)背景圖片，這里小編給body加了一個(gè)高度，以便能看到圖片。

2、的樣式就可以了 width 是寬 height 是高 background-image 是背景圖片地址 語法：(說明：在默認(rèn)情況下，用戶可以省略bgproperties屬性，這時(shí)圖片會(huì)按照水平和垂直的方向不斷重復(fù)出現(xiàn)，直到鋪滿整個(gè)頁面。

3、background：url(http_imgloadCAR8STNjpg) no-repeat；} 把這個(gè)放在head區(qū)域 或者寫在單獨(dú)的css樣式表文件里。萬維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁面（外語：page）。

本文標(biāo)題：css樣式不讓圖片平鋪 css圖片不隨頁面滾動(dòng)
文章來源：http://muchs.cn/article42/diegiec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、用戶體驗(yàn)、網(wǎng)站收錄、商城網(wǎng)站、品牌網(wǎng)站建設(shè)、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)