Maison > interface Web > tutoriel HTML > 给div设置超链接问题_html/css_WEB-ITnose

给div设置超链接问题_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:04:41
original
1741 Les gens l'ont consulté

不知道为什么,给div里面的文字设置超链接,但就是点不过去
这是CSS代码:

#container {	margin:0 auto; 	width:1200px;	    }#header { height:110px; background:#87CEEB;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }#menu { height:30px; background:#09c;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }#mainContent { height:600px;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }#sidebar { float:left; width:200px; height:600px; background:#9ff;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }#sidebar2 { float:right; width:200px; height:600px; background:#9ff;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }#content {  height:600px; background:#cff;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }#footer { height:60px; background:#6cf;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }
Copier après la connexion

这是页面代码:
<body>	<div id="container">		<div id="header">			<div id="up_left">				<h3>您好,欢迎光临论坛!</h3>				<script type="text/javascript">					var d = new Date()					document.write(d.getFullYear() + '年' + (d.getMonth() + 1)							+ '月' + d.getDate() + '日' + ' 星期'							+ '日一二三四五六'.charAt(new Date().getDay()));				</script>			</div>			<div id="up_right">				<form action="user/login.action" method="post">					姓名: <input type="text" name="userName" id="userName"> 密码: <input						type="password" name="password" id="password"> <input						type="submit" value="登录" /> <a href="user/register.action">点击注册....</a>				</form>			</div>		</div>		<div id="menu"><a href="diary/main.jsp">平凡的世界</a></div>		<div id="mainContent">			<div id="sidebar"><a href="diary/main.jsp">平凡的世界</a></div>			<div id="sidebar2"><a href="diary/main.jsp">平凡的世界</a></div>			<div id="content"><a href="diary/main.jsp">平凡的世界</a></div>		</div>		<div id="footer"><a href="diary/main.jsp">平凡的世界</a></div>	</div></body>
Copier après la connexion


不用怀疑了,我给每个层都添加了这样的链接,其他的都可以,但就是id为"sidebar"和"sidebar2"的这两个层不行,
跳转不过去,这是为什么呢


回复讨论(解决方案)

你是给文字加了超链接,并不是div。
写成这样:

你是给文字加了超链接,并不是div。
写成这样:



我知道原因了,因为它是三个平行的层,"sidebar"和"sidebar2"分别是向左和向右的层,中间的"content"覆盖住了它们
然后我上网查了一下,说是用position:absoulte;z-index:5555;
为什么我加了没用啊
这个要怎样才能中间的"content"层浮到最下面去


margin-left: 100px;

你给content层定一个宽度800px;然后float:left.

好啦,我在content里面加了margin:0 200px;就刚好啦,谢谢啦

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal