| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 4897 人关注过本帖
标题:关于css 链接
只看楼主 加入收藏
浅暗花璃
Rank: 1
等 级:新手上路
帖 子:53
专家分:0
注 册:2016-3-31
结帖率:77.78%
收藏
 问题点数:0 回复次数:3 
关于css 链接
为什么点击链接,鼠标没反应呢
2016-05-22 21:52
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
收藏
得分:0 
猜不出来。。。
要不你把代码发出来看看?
2016-05-23 13:58
浅暗花璃
Rank: 1
等 级:新手上路
帖 子:53
专家分:0
注 册:2016-3-31
收藏
得分:0 
.baner ul{
            /*position: relative;*/
            list-style: none;
            margin:0px;
            margin-left: 0px;
            padding: 0px;
            background-color: #54AD0A;
            width: 540px;
            height: 30px;
            z-index: 5;
            text-align: center;

        }
        .baner li{
            float: left;
            /*margin: 2px;*/
            text-align: center;
            list-style-position: inside;
        }
        .baner a:link,a:visited{
            /*position: absolute;*/
            /*left: 380px;*/
            /*top: 20px;*/
            display: block;
            text-decoration: none;
            color: white;
            font-style: normal;
            font-size:12px;
            margin: 2px;
            padding: 2px;
             cursor: pointer;
             pointer-events: none;
             z-index: 999999;

        }
        .baner a:hover{
            font-size:14px;
        }
前面是css代码,下面是html
<div class="baner">
        <img src="01/images/logo.jpg">
        <ul>
<li>
<a href="#">网站首页</a>
</li>
<li>
<a href="#">公司新闻</a>
</li>
<li>
<a href="#">行业动态</a>
</li>
<li>
<a href="#">基地管理</a>
</li>
<li>
<a href="#">会员服务</a>
</li>
<li>
<a href="#">网上购物</a>
</li>
<li>
<a href="#">产品展示</a>
</li>
<li>
<a href="#">关于我们</a>
</li>
<li>
<a href="#">ewglish</a>
</li>
</ul>   
</div>


[此贴子已经被作者于2016-5-23 18:29编辑过]

2016-05-23 18:27
小赵q1
Rank: 8Rank: 8
等 级:蝙蝠侠
威 望:4
帖 子:492
专家分:777
注 册:2011-8-26
收藏
得分:0 
点击链接没有反应的原因是,你的css样式的红色部分屏蔽了a标签的事件(可能是所有事件也可能只是屏蔽了点击事件),去掉那一行就可以了。
.baner a:link,a:visited{
            /*position: absolute;*/
            /*left: 380px;*/
            /*top: 20px;*/
            display: block;
            text-decoration: none;
            color: white;
            font-style: normal;
            font-size:12px;
            margin: 2px;
            padding: 2px;
             cursor: pointer;
             pointer-events: none;
             z-index: 999999;

        }
        .baner a:hover{
            font-size:14px;
        }
前面是css代码,下面是html
<div class="baner">
        <img src="01/images/logo.jpg">
        <ul>
<li>
<a href="#">网站首页</a>
</li>
2016-05-26 00:08
快速回复:关于css 链接
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.025104 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved