2016-10-01 34 views
-1
article.uk{ 
background-image: url("GB_Flag.jpg"); 
background-color: #95a5a6; 
background-repeat: no-repeat; 
background-position: right top; 
width: 75%; 
background-size: contain; 
color:#d98880; 
} 
<a href="GB.html" target="Great_Britain_Page"> 
    <article class="uk"> 
    <h2>British Warplanes of World War II</h2> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    </article> 
</a> 

這是我有,前幾天一個英國國旗的形象將出現在後臺,但現在該標誌不會出現麻煩的HTML文件的部分。我認爲發生的事情是Windows 10強制重新啓動我的和現在的圖像不適用於我的拇指驅動器上的任何文件。我通常將我的文件保存在拇指驅動器上,並且當計算機重新啓動時,此文件在記事本+上打開。也許我錯過了一些愚蠢的東西,但是我在HTML文件上的所有標誌在這一點上停止工作。他們也在同一個文件夾中。HTML圖像不會出現在同一個文件夾中?

+0

你如何訪問你的網頁?什麼是使用你的CSS類的HTML部分? –

+0

下面是我的HTML代碼的部分,CSS也是這樣的我有五個完全相同的部分只是針對不同的國家,所以我只想我需要共享一個,因爲它們完全相同。 – kwjamesblond

回答

0

我認爲問題出在您的圖像所在的位置,而不是代碼。文件GB_Flag.jpg需要與CSS所連接的HTML頁面位於同一文件夾中,否則它無法訪問它。

+0

CSS現在嵌入在HTML文檔中,並且它們位於相同的文件夾中。奇怪的是他們過去一直工作到現在。 – kwjamesblond

+0

@kwjamesblond圖片也需要位於同一個文件夾中。也許它被移動或損壞了?嘗試打開圖像。 – AlgoRythm

+0

是的,圖像是在同一個文件夾中,我打開它,它看起來很好,我會嘗試在早上重新安裝記事本+。 – kwjamesblond

0

嘗試從「文章」類去除背景圖像和風格直接應用到元素

style="background-image: url("GB_Flag.jpg");" 

例如:

<div class="article" style="background-image: url("GB_Flag.jpg");"></div> 
+0

這不起作用,我甚至試圖重新安裝notepad ++,但這並沒有工作。 – kwjamesblond

0

顯然微軟邊緣不幹出後,我的圖片Windows 10更新,因爲我只是用Firefox來打開HTML文件和圖像在那裏。大概只是我電腦上的一個錯誤,對於大驚小怪,感到抱歉。

相關問題