在ie和chrome浏览器的横幅上使文本显示

我有一个横幅出现在html中作为背景。图像宽约900px，高150px。我需要包含大约4个链接的html文本才能放在此横幅的顶部。问题在于它会在chrome中正确显示链接，但是在IE中它们一直在页面上。任何有关如何解决这个问题的建议，而不会影响背景图像的设计理念。在ie和chrome浏览器的横幅上使文本显示

#linkage{ 
 

 
margin-left:700px; 
 
margin-top:60px; 
 
} 
 
#links{ 
 
height:20px; 
 
width:280px; 
 
background-repeat: no-repeat; 
 
color: black; 
 

 
} 
 

 

 
#bannerHead{ 
 

 
    background-image: url("https://placehold.it/900x200"); 
 

 
} 
 
#linkid{ 
 

 
color: black; 
 
} 
 

 
#linkid2{ 
 

 
color: black; 
 
} 
 

 
#linkid3{ 
 

 
color: black; 
 
} 
 

 
#linkid4{ 
 

 
color: black; 
 
} 
 

 
a:link { 
 
    color: black; 
 
}

<div id="bannerHead"><img src="" style="margin-top:0px; margin-left:660px; width:200px;"/><div id="linkage" style="margin-top:-110px;"> 
 
<a href="#" id="linkid">Home</a>&nbsp;&nbsp;<a href="#" id="linkid2">About</a>&nbsp&nbsp

来源

2017-01-27 vzupo

您是否注意到您的代码段不起作用？你能花5-10分钟，至少能在那里看到一个图像吗？您可以尝试使用https://placehold.it/等服务，这样可以非常简单地将图片添加到片段中。 –

什么版本的ie？ –

你的意思是这样？

#bannerHead{ 
 
    width: 900px; 
 
    height: 150px; 
 
    background-image: url("http://placehold.it/900x150"); 
 
} 
 

 
a:link { 
 
    color: black; 
 
}

<div id="bannerHead"> 
 
    <a href="#">Home</a>&nbsp;&nbsp;<a href="#">About</a>&nbsp&nbsp<a href="#">Contact</a>&nbsp;&nbsp;<a href="#">Info</a> 
 
</div>

我所做的就是为您的横幅DIV的宽度和高度（如果不是它的大小是一样大的内容，并且图像没有完全显示），以及包括链接里面。这是你想要做的吗？

我测试了这个Internet Explorer 6它的工作原理。我遇到的唯一问题是“placehold.it”链接。我使用了一个普通的图像。

来源

2017-01-27 15:27:41 Alfro

在ie和chrome浏览器的横幅上使文本显示

回答

相关问题