Question

我有一个横幅出现在html中作为背景。图像宽约900px，高150px。我需要html文本，其中有大约4个链接可以放在这个横幅的顶部。问题是它会在chrome中正确显示顶部链接，但在IE中它们一直在页面下方。关于如何解决这个问题的任何建议，同时不影响在后台拥有图像的设计理念。

＆＃13;

#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;
}

＆＃13;

<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

＆＃13;

Answer 1

你的意思是这样吗？

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

我在 Internet Explorer 6 上对此进行了测试，但它确实有效。我唯一的问题是＆＃34; placehold.it＆＃34;链接。我使用了常规图像。

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

1 个答案: