CSS中background:url(圖片) 不能顯示的問題
轉:http://www.cnblogs.com/WhiteM/p/6083012.html
剛剛碰到一個奇怪的問題,這樣一段CSS程式碼:
1 .pho6 { background: url(img/pho6.jpg);
}
這段程式碼居然不能顯示出背景圖片,路經絕對是沒錯的
程式碼肯定沒有問題,俄,百度了好久終於讓我給找到了
真正的問題在哪?
在url(imagepath)裡的這個imagepath(圖片路徑)。原來它是相對於.css檔案所在的資料夾,也就是呼叫css資料夾下的子資料夾來獲取路徑地址,
通過瀏覽器除錯,可以看到瀏覽器獲取路徑是從css下面的img來找我的圖片的,但是
我的img和css是平級的資料夾,就是說css下面是沒有img這個資料夾存在的,所以瀏覽器當然報錯了,因為根本找不到嘛
簡單點說,就是假如我資料夾下有一個index.html,它要呼叫index.html所在的一個子資料夾css下的style.css檔案,背景圖片存放在與css資料夾同級的img資料夾下,於是乎,這裡的CSS應該這樣寫:
background:url(../img/pho6.jpg) ;
相關推薦
CSS中background:url(圖片) 不能顯示的問題
轉:http://www.cnblogs.com/WhiteM/p/6083012.html 剛剛碰到一個奇怪的問題,這樣一段CSS程式碼: 1 .pho6 { background: url(img/pho6.jpg); } 這段程式碼居然不能顯示出背
修復BUG:gulp自動新增版本號修復對CSS中background:url()的匹配問題
前天說要找到一個完美的解決方案,今天發動了各路大神,總算是搞定了.問題描述: 修改gulp-rev-append外掛實現自動修改檔案中靜態資源連結新增md5版本號。但是前天有一點點很遺憾,對CSS中background:url()的匹配還存在一點點不足,url()必須帶單引
css中background合寫樣式
color chm ffffff rep position osi style over bsp body { background: url("img_tree.png") no-repeat fixed 50% 50%/cover #ffffff ; }等價於 bo
css中background-origin屬性的使用
pre type 背景圖 head -s adding 邊框 ott back background-origin用來規定元素背景圖像的相對定位位置,它有三個屬性值: 1、border-box border-box表示元素背景圖像相對於border區域開始定位。 代碼如下:
css中background漸變
1、線性漸變:從上到下(預設情況下) h2{ background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ bac
CSS中background系列屬性介紹
在CSS中background充當著背景圖的意義,(在CSS3中會有更多的相關屬性),這邊小編介紹一下background系列屬性中不存在相容性問題的一些屬性。之後再學習了CSS3後會在寫部落格進行對該類的補充。 1.background-color 從語義上看就是新增背景顏色 方法一:
css中background系列詳解
研究了background相關的屬性,雖然很簡單,但有些還是不知道,整理出來系統的學習一下,也會更好的掌握這些知識點(細節決定成敗,哈哈)background相關的屬性有(把比較常用的放在前面不做過多的解釋):background、background-color、backg
嵌入式STM32F103工程中,ucGUI圖片顯示與記憶體衝突
環境:win7-64位、keil5、STM32F103VEC6、RTOS系統、ucGUI-V3.9、螢幕(320x240) 現象描述: 0.原工程記憶體佔用:Program Size: Code=37434 RO-data=127570 RW-data=312 ZI-data=19936
Angular6實現繫結HTML自定義屬性的值以及CSS中background屬性的資料繫結
今天用Angular6在整合網上一個程式碼的時候,他的程式碼的一個HTML標籤有幾個自定義標籤,然後我以為轉換到Angular後和不是自定義標籤一樣直接加[]就可以了,但是一直報錯。 這裡顯示沒有這個屬性 解決方案:去除[]並且加上attr.就可以了
呼叫系統相機拍照獲取圖片或者從相簿中呼叫本地圖片顯示問題
需求是這樣的:開啟系統或者第三方相機app拍照,然後使用所拍照片進行處理,或者直接呼叫系統或者第三方相簿app,選擇圖片返回使用。需求很簡單,過程很蛋疼,網上有很多方法,不過有很多不好用的地方,最後使用的這種方式還不錯,記錄一下,還是那句話,我很懶,
CSS中background屬性
CSS背景屬性,在一個宣告中設定所有背景屬性。如 body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; } 可以設定如下屬性: background-colo
CSS 中background-img 的相關屬性
對於圖片,首先我們先想到是背景圖片。因為我們許許多的裝飾都是用背景圖片來實現的。既然這樣,那麼就從CSS控制背景圖片講起吧。 1.CSS控制背景圖片: 對於一個網頁,我們開始設計的時候,可能沒有過多的去想背景圖到底是什麼,因為大多都是設計背景色就可以了,原因嗎,我想
傳送html郵件是a標籤中的url不顯示問題
最近做到一個找回密碼功能,需要郵箱跳轉修改密碼頁面。但是碰到一個問題,傳送郵件之後a標籤中的href屬性不見了,url也不見了。但是我把url改成百度的連結就可以。困擾了我好幾個小時。結果只是因為在url中沒有加ht
css中有三個顯示和隱藏的單詞比較常見,display visibility 和 overflow我們需要區分開來
單詞 隱藏 lock 管理 flow 保留 dde 自動 剪切 display display 設置或檢索對象是否及如何顯示 display: none 隱藏對象與它相反的是display:block 除了轉換為塊級元素之外,同時還有顯示元素的意思 特點: 隱藏之後,
css 中的背景圖片小技巧和存在的坑
本文轉載於:猿2048網站➜css 中的背景圖片小技巧和存在的坑 body 的背景圖設定 第一種 :這種情況下背
【坑】discuz中CSS中的圖片的URL顯示為localhost的解決
問題的發現 我在機房的電腦上安裝discuz,之後用自己的電腦訪問這個discuz,發現有的圖片沒有顯示出來(直接通過html程式碼插入的圖片可以顯示出來,如果你這個也顯示不出來,是localhost
Django中CSS加載background url(‘‘)問題
none 如果 開頭 -s html os.path pla 了解 python Django中CSS加載background url(‘‘)問題 在django中, 默認CSS中如果有 background url(‘images/a.jpg‘) 這類的屬性,會被dj
CSS中背景圖片位置屬性background-position
該屬性用來定義元素背景圖片的起始位置,在背景圖片的背景圖片位置屬性中,可以使用兩種屬性值,一種為長度單位,包括長度值 和百分比值;另一種為指定值,包括top, center, bottom, left, righ等,其語法結構如下: background-p
CSS background url http請求伺服器絕對路徑的圖片
css 程式碼 background: url("http://<%=request.getHeader("host")%>/image/showBgImage") no-repeat 0 0; controller 程式碼 @RequestMapp
JSP在tomcat專案中部署後無法顯示CSS和圖片
在java web 專案中用myeclipe自帶瀏覽器瀏覽該JSP是可以正常顯示圖片和CSS的,將程式碼複製出來變成html 單擊開啟也是可以正常顯示的,一旦用tomcat部署完,通過瀏覽器訪問,就不無法顯示圖片和css了,有沒有碰到這問題的,求解答,謝謝 (adsbygoogle