HTML圖像顯示不出來

我想顯示在一個盒子的一些背景圖像，但我的圖片沒有顯示出來這是選定的部分我的html代碼：HTML圖像顯示不出來

<a href="rot1">Vision</a> 
<div style="display:none;"> 
<!--<div style="background-image: url(../img/slide1/background1.png); height: 200px; width: 400px; border: 1px solid black;"></div>--> 
<div class="info_image">img/slide1/background1.png</div> 
<div class="info_heading">Our Vision</div> 
<div class="info_description"> 
    Create ICT as a driver to knowledge-based socioeconomic transformation initiatives. 
<!--<a href="#" class="more">Read more</a>--> 
</div>

這是我的CSS：

img.bg{ 
    position:absolute; 
    top:0px; 
    left:0px; 
}

來源

2014-04-26 raaj5671

不知怎的，我無法理解的'html'結構這一點。 – JunM

爲什麼你將div與背景圖像註釋掉了？ –

@PatrickAllen這是我正在嘗試實際http://tympanus.net/Tutorials/PrettySimpleContentSlider/# http://jsfiddle.net/Wt869/ – raaj5671

它看起來像有幾件事情不正常的位置。你的CSS指向一個不存在的圖像標籤和類，以及一個包含（？）div的設置爲display:none;。請考慮以下內容

<a href="rot1">Vision</a> 
<div class="info_image"> 
    <div class="info_heading">Our Vision</div> 
    <div class="info_description"> 
    Create ICT as a driver to knowledge-based socioeconomic transformation initiatives. 
    <!--<a href="#" class="more">Read more</a>--> 
    </div> 
</div> 

<style type="text/css"> 
.info_image { 
    background-image: url('../img/slide1/background1.png'); 
    border: 1px solid black; 
} 
</style>

如果您希望圖片顯示在說明的上方，則使用實際的圖片標籤將起作用。嘗試以下操作。

<a href="rot1">Vision</a> 
<div class="info_image"><img src="../img/slide1/background1.png" /></div> 
<div class="info_heading">Our Vision</div> 
<div class="info_description"> 
    Create ICT as a driver to knowledge-based socioeconomic transformation initiatives. 
    <!--<a href="#" class="more">Read more</a>--> 
</div>

來源

2014-04-26 03:32:09 Sean3z

，但有1個問題後，改變這個圖像顯示，但太小，描述顯示在圖片 – raaj5671

編輯帖子以包含一個示例，圖片顯示在說明上方。如果這是所需的影響，你可以刪除CSS'background-image' :) – Sean3z

不知道發生了什麼事情與你在一個div標籤引用的類，但我相信，你只需要閱讀下列得到你想要的東西。

http://www.w3.org/WAI/UA/TS/html401/cp0301/0301-CSS-DIV-BACKGROUND-IMAGE.html

來源

2014-04-26 03:30:44 user3389171

我已經試過這個昨天，但它仍然不適用於我的情況 – raaj5671

在plugin you're using股利與info_image類保持圖像的URL。

如果../img/slide1/background1.png是圖像的URL，你需要把：

<div class="info_image">../img/slide1/background1.png</div>

，而不是：

<div class="info_image">img/slide1/background1.png</div>

像你一樣。

來源

2014-04-26 03:35:45 ariel

它仍然是一樣的... – raaj5671

<div class="info_image">img/slide1/background1.png</div>

嘗試，而不是上面

<div class="info_image"><img src="img/slide1/background1.png"></div>

來源

2014-04-26 03:41:00

它不工作... – raaj5671

HTML圖像顯示不出來

回答

相關問題