为什么标签不起作用？
HTML:
<body>
<header class="horizontalDiv">
<img src="http://www.computer-wallpaper-backgrounds.com/wallpaper/1680x1050/cool-backgrounds/water-ripples-background.jpg" id="headerPic"/>
<div id="titleContainer">
<b><p id="title">*** Crew Team</p></b>
</div>
<div class="horizontalDiv" id="navigation">
<div class="nav" id="home">
<p><a href="https://www.google.com/?gws_rd=ssl">Home</a></p>
</div>
<div class="nav" id="rowingSeason">
<a><p>Rowing Season</p></a>
</div>
<div class="nav" id="basicsOfCrew">
<a><p>Basics of Crew</p></a>
</div>
<div class="nav" id="registration">
<a><p>Registration</p></a>
</div>
<div class="nav" id="documents">
<a><p>Documents</p></a>
</div>
<div class="nav" id="pictures">
<a><p>Pictures</p></a>
</div>
<div class="nav" id="news">
<a><p>News</p></a>
</div>
<div class="nav" id="boosters">
<a><p>Boosters</p></a>
</div>
</div>
</header>
</body>
CSS:
.horizontalDiv {
width: 104%;
}
header {
height: 200px;
border-bottom: 3.5px solid black;
margin: -10px 0px 0px -10px;
}
#headerPic {
width: 100%;
height: 100%;
z-index: 1;
opacity: .5;
}
#title {
color: #b91a2f;
font-size: 30px;
font-family: verdana;
}
#titleContainer {
z-index: 100;
margin-top: -170px;
margin-left: 65px;
}
.nav {
z-index: 99;
height: 100%;
width: 11.3%;
margin: 15px 0px 0px -3px;
display: inline-block;
border-left: 3px solid black;
border-right: 3px solid black;
}
.nav p {
text-align: center;
font-family: verdana;
font-size: 16px;
color: black;
}
我刚刚有链接去谷歌现在。
共有3个答案
问题是你的标题图片出现在你的标签上面，所以你必须给它相对位置和z索引-1http://jsfiddle.net/y1hhbgrw/1/
CSS
#headerPic {
width: 100%;
height: 100%;
z-index: -1;
position: relative;
opacity: .5;
}
检查上面链接的JSFIDLE。还请注意，JSFIDLE拒绝在其iFrame中呈现链接，但如果单击ctrl-Enter，您将看到它正在运行。
// right --> <div class="nav" id="home">
<p><a href="https://www.google.com/?gws_rd=ssl">Home</a></p>
</div>
//wrong <div class="nav" id="rowingSeason">
<a><p>Rowing Season</p></a>
</div>
不能在其中包含任何其他html标记（除“span”）并且忘记添加href（url）应为：
<p><a href="http://someurl">Rowing Season</a></p>
问题在于如何创建这些链接。
因为您还没有指定它们应该链接到哪里，所以它们肯定不会工作。
错误：
<div class="nav" id="basicsOfCrew">
<a>Basics of Crew</a>
</div>
对的：
<div class="nav" id="basicsOfCrew">
<a href="#" title="">Basics of Crew</a>
</div>
-
问题内容： 我正在尝试从JSON网址获取集合。骨干网确实发送了请求并得到了响应，但是在它之后的集合中没有： 这是我的JavaScript： 响应中的JSON 响应中的Content-Type HTTP标头为。 为什么不将其加载到集合中？JSON是否正确？ 一些更多的代码： 问题答案： 是异步的。尝试 要么 要么
-
问题内容： 我有三部分字符串，每个部分用 符号分隔 。例如， 现在，当我使用这样的方法拆分它时： 它包含整个字符串作为单个元素的数组。 但是当我使用这个： 它完美的作品是什么，我想这意味着 现在的数组包含，并分别对指数0,1和2。 我想知道为什么第一次使用时不起作用，因为我在使用 问题答案： 因为字符是在正则表达式中用来标记行尾的保留令牌。因此，您必须使用进行 转义。
-
问题内容： 我现在有点困惑。我尝试过： 并得到： 但是，我想要： 我的代码有什么问题？ 问题答案： 您没有将其分配给。字符串是 不可变的 。 您需要将其分配回。
-
问题内容： 我正在尝试这样做： 第一行有效： 但是接下来的两个： 和 只是输出 为什么？ 问题答案： 因为你需要加入同，只是列出了内容直接，内容不具有完整路径。 范例- 如果未提供完整路径，则在当前目录中搜索，因此当您给出时，将获得正确的列表。 范例- 假设某个文件夹-具有文件-并在其中。 当您执行-时，返回的列表类似于- 即使您在其中提供绝对路径，列表中返回的文件也将具有指向目录的相对路径。您将
-
我想知道两次当地约会之间的时间。我使用了下面的代码： 我有以下错误：
-
我有一个用户和角色的存储库。两个实体在DB中有不同的表。我尝试加载像或相同的想法，但使用Spring数据与LoadGraph。但是当我调用时，我得到了异常。请帮我解决这个问题。谢谢你。 存储库： 例外： WARN： HHH000104： firstResult/max使用集合读取指定的结果；在内存中应用！Hibernate：选择不同的user0_. id作为id1_1_0_，role1_user_