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

php中文网
发布: 2016-06-21 09:04:41
原创
1996人浏览过

不知道为什么,给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; }
登录后复制

这是页面代码:
<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>
登录后复制


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

AI建筑知识问答
AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

AI建筑知识问答 22
查看详情 AI建筑知识问答


回复讨论(解决方案)

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

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



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


margin-left: 100px;

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

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

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号