我試圖在我的html頁面上顯示圖像,但它不能在資源管理器或Microsoft Edge上運行。但是,它適用於Safari,Chrome和Firefox。 這是我的html:圖像不會顯示在我的網頁
<img src="../Recursos/logoam.jpg" width="600" height="130" style="float:left">
我的形象是比我的html頁面的另一個文件夾。
我試圖在我的html頁面上顯示圖像,但它不能在資源管理器或Microsoft Edge上運行。但是,它適用於Safari,Chrome和Firefox。 這是我的html:圖像不會顯示在我的網頁
<img src="../Recursos/logoam.jpg" width="600" height="130" style="float:left">
我的形象是比我的html頁面的另一個文件夾。
你的標籤缺失反斜槓
<img src="../Recursos/logoam.jpg" width="600" height="130" style="float:left" />
<img src="../Recursos/logoam.jpg" style="width:600px; height:130px; float:left">
試試上面的代碼
問題可能是您的src屬性。「」在路徑的開始應用時你想訪問一個位於你當前位置一級的文件夾。例如:有一個名爲「abc」的文件夾,裏面有兩個子文件夾:「scripts」和「images」。現在假設有一個文件在想要訪問位於「圖像」文件夾中的圖像的「腳本」文件夾中,然後你有e在路徑的開始處提供「..」以從級別「腳本」移動到級別「abc」。路徑的其餘部分從那裏開始。如果您的Recursos文件夾與主要.html文件處於同一級別,那麼您不需要在開始時提供「..」。 欲瞭解更多詳情請看下面給出的鏈接: https://www.w3schools.com/html/html_filepaths.asp
檢查控制檯是否有與圖像有關的任何路徑相關錯誤。代碼看起來很好。
這種類型的問題最常見的原因是路徑錯誤,即您提供圖像的錯誤路徑。路徑中的
../表示它從當前目錄之上的一個級別開始搜索。
../../在路徑中意味着它從當前目錄上的兩個級別開始搜索。
./在路徑中表示它從當前目錄開始搜索。
所以,你必須正確地使用路徑加載圖像。如果Recursos目錄是包含html文件的目錄的兄弟,那麼它應該工作。
如果不是,請正確使用上述符號來加載圖像。如有疑問或困惑,請發表評論。
在瀏覽器控制檯中查找錯誤。路徑可能不正確,控制檯應指向正確的方向。 –
您可以發佈您的目錄結構,以便我們瞭解如何設置目錄。謝謝。 – Zeddy