图片无法正常工作

当我把图片放在导航里面的时候，但是当我把它放在正文或者标题中的时候，它没有。我有图像标记的权利，因为当我把它在导航它的作品。我知道这个代码是不科学的，但我是新来的HTML。感谢您的高级帮助。图片无法正常工作

<!DOCTYPE html> 

<html> 
    <head> 
     <title> Random Site </title> 
     <style type = 'text/css'> 
     header nav { 
      float: right; 
      background-color: gray; 
      width: 100%; 
      position:absolute; 
      top:0px; 
      left:0px; 
      right:0px; 
      height: 60px; 
     } 
     header nav a { 
      font-size: 120%; 
      float: right; 
      padding: 1%; 
      font-family: 'Helvetica'; 
      text-decoration: none; 
      color: black; 
      position: relative; 
      top: 5px 
     } 

     header nav a:hover { 
      color: white; 
     } 

     </style> 
    </head> 
    <body> 
     <img src = 'image.jpg' alt= 'image' width= '100px' height= '70px'/> 
     <header> 
      <nav> 
       <a href = 'www.google.com'> games </a> 
       <a href = 'www.google.com'> about </a> 
       <a href = 'www.google.com'> contact </a> 
      </nav> 
     </header> 
    </body> 
</html>

来源

2014-08-29 ThatGamor

我认为它正在工作，但你只是没有看到它，因为你的导航定位绝对，所以我认为它只是重叠你的形象。尝试给你的图像类，然后做这样的事情：

.myimage { position: relative; z-index: 2; }

来源

2014-08-29 00:11:00

谢谢，即使在我修复它之后仍然非常有帮助。我会投票，但我不能对不起。 – ThatGamor 2014-08-29 00:11:53

我想通了，我忘了把;在顶部5px之后。对于那个很抱歉。

来源

2014-08-29 00:11:05 ThatGamor

图片无法正常工作

回答

相关问题