html – 为什么CSS中的“cursor:pointer”效果不起作用

html – 为什么CSS中的“cursor:pointer”效果不起作用,第1张

概述HTML: <div id="firstdiv"> <div id="intro"> <h1 id="name">YOU CHIA LAI</h1> <ul> <li class="about">I am a Master of <span>Architecture</s HTML:
<div ID="firstdiv">          <div ID="intro">              <h1 ID="name">YOU CHIA LAI</h1>                  <ul>                      <li >I am a Master of <span>Architecture</span>                         candIDate at Rice University.                        </li>                      <li >I am also interested in <span>photography</span> &                              <span>web design</span>.</li>                      <li >I wish you can kNow more <span>about</span> me.                      </li>                 </ul>          </div>      </div>

CSS:

#firstdiv{    position:fixed;    top:0;    left:0;    right:0;    height:100%;    wIDth:100%;    margin:auto;    background:#E6E6E6;    text-align:center;    Font-size:0;    z-index:-2}.about>span{    cursor:pointer;    Font-family:Eurofurence light;    padding:0 0 3px 0;    color:#01DFA5;}

是我的代码的一小部分.我设置光标:.about> span的指针,但是当鼠标悬停在< span>中的这些文本上时,光标不会变为指针模式.我想知道为什么它不工作.我真的是新的在HTML和CSS,这个问题可能是愚蠢的但plz帮助我.提前致谢.

解决方法 简单的答案是,您需要更改z-index,以便#firstdiv被考虑在其他div之上. 总结

以上是内存溢出为你收集整理的html – 为什么CSS中的“cursor:pointer”效果不起作用全部内容,希望文章能够帮你解决html – 为什么CSS中的“cursor:pointer”效果不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1132001.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存