這篇文章主要介紹css中圖片路徑問題的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

網(wǎng)站設(shè)計制作過程拒絕使用模板建站；使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺管理系統(tǒng)；網(wǎng)站建設(shè)、做網(wǎng)站收費合理；免費進行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運營了十載的成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司。

在CSS文件里，有時要用到background，即加一個背景圖片，一般在做按鈕樣式時會經(jīng)常用到。

css中加背景圖片根據(jù)圖片及css文件的相對位置分一下幾種類型：
1.同包下：background : url(aaa.gif);
2.不同包：
在這種情況下有2中方法可以設(shè)置，一種是使用絕對路徑，即/tupian/20230522/404.html
css文件位置：WebRoot/test/css/a.css
圖片文件位置：WebRoot/platform/resource/images/icons/a.gif
想要找到共同的根目錄就需要用到 "../" 這個路徑的意思是上一級目錄，如果是兩層上級目錄，就是 "../../" 那么，按照這種寫法的話，a.css中得背景圖片css應(yīng)該這么寫：

代碼如下:

background:url(../../platform/resource/images/icons/a.gif)

為什么呢？

首先，我們觀察這兩個文件的位置，可以發(fā)現(xiàn)，共同的根目錄是WebRoot，
我們首先在a.css的位置找到WebRoot，所以有了"../../" 然后拼接圖片的子目錄的路徑 又有了"platform/resource/images/icons/a.gif" 合在一起后就是上面的結(jié)果了。

以上是“css中圖片路徑問題的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文標(biāo)題：css中圖片路徑問題的示例分析-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址：http://weahome.cn/article/djsggi.html