当置于“div”元素时,Img没有显示

时间:2013-02-01 23:04:54

标签: css html hyperlink image

我已将img放在与代码相同的文件夹中,并在代码中拼写正确,“adHere.jpg”,所以我知道这不是问题,但可能是我将链接放入的格式。< / p>

因此,我应该告诉你。

 <!--Side Bar Code -->
<div class="sidebar">
  <p><a href="">Home Page</a></p>
  <p><a href="">About Me</a></p>
  <p><a href="">Behind the scenes</a></p>
  <p><a href="">Etc.</a></p>
  <img href="adHere.jpg" width="750" height="450"> 
</div>

以下是我的代码在CSS中的用法:

.sidebar img {border:solid 1px;
      position:relative;
      opacity: 1;}

以下是它呈现的方式:http://i.imgur.com/PECdT8M.png

3 个答案:

答案 0 :(得分:1)

img的source属性为src而非href

答案 1 :(得分:1)

图片来源的正确属性为src,而非href。它应该是:

<img src="adHere.jpg" width="750" height="450"> 

答案 2 :(得分:0)

试试这段代码:

 <!--Side Bar Code -->
<div class="sidebar">
  <p><a href="">Home Page</a></p>
  <p><a href="">About Me</a></p>
  <p><a href="">Behind the scenes</a></p>
  <p><a href="">Etc.</a></p>
  <img src="adHere.jpg" width="750" height="450"> 
</div>

CSS可以保持不变。