PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

原创
2016-06-21 09:04:41 1440浏览

不知道为什么,给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; }

这是页面代码:
	

您好,欢迎光临论坛!

姓名: 密码: 点击注册....


不用怀疑了,我给每个层都添加了这样的链接,其他的都可以,但就是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;就刚好啦,谢谢啦

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。