css怎么實現層背景拉伸顯示而不平鋪

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

創新互聯主要從事成都網站設計、網站建設、網頁設計、企業做網站、公司建網站等業務。立足成都服務建鄴,10余年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:18980820575

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

是一整張大圖，尺寸和區域大小剛好吻合 一個很小的條狀圖，通過repeat后，形成一個很規則的大圖背景。css3出現以后，可以用background-size 屬性來實現背景圖拉伸填充。

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

在html中,怎么設置背景圖片不重復不平鋪,只顯示一張圖片

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

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

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

4、bottom為背景位置停靠底部，可以設置頂部再設置左再設置重復這樣效果疊加，但是不能既有左又有右這樣矛盾的設置。還可以疊加顏色，#00000000；這個是顏色。具體參考RGB顏色代碼。如果是div或者表格，css如第2條所述。

css背景圖片平鋪問題

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

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

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

background-image：url(/i/eg_bg_0gif)；background-repeat：no-repeat；background-position：50% 50%；} 這會導致圖像適當放置，其中心與其元素的中心對齊。換句話說，百分數值同時應用于元素和圖像。

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

css樣式表禁用圖像平鋪

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

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

使用“CSS 樣式定義”對話框的“背景”類別可以定義 CSS 樣式的背景設置。可以對網頁中的任何元素應用背景屬性。加了background-repeat：repeat-x；之后，背景現在只在X軸即橫向進行了平鋪操作，縱向并沒有進行平鋪。

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

background-repeat： repeat-x；使用“CSS 樣式定義”對話框的“背景”類別可以定義 CSS 樣式的背景設置。可以對網頁中的任何元素應用背景屬性。

網頁設計背景圖片時怎么使圖片不重復平鋪

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

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

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

本文標題：css樣式不讓圖片平鋪 css圖片不隨頁面滾動
文章來源：http://vcdvsql.cn/article42/diegiec.html

成都網站建設公司_創新互聯，為您提供手機網站建設、用戶體驗、網站收錄、商城網站、品牌網站建設、

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯