为什么在悬停链接时不用手（）？

发布于 2024-10-18 06:12:54 字数 1331 浏览 2 评论 0原文

嗨，

我知道当悬停像这样的对象时可以将光标设置为手：

CSS :

cursor:             hand;
cursor:             pointer;

这应该使用如下所示的链接元素自动完成：

<a onclick="" class="btn1">
  <span>Sök</span>
</a>

但在我的情况下不是吗？

使用 firebug，我可以看到应用了以下 CSS

<a> element
a.btn1 {
    background: url("Images/Menus/bg_button_a.gif") no-repeat scroll right top transparent;
    color: #444444;
    display: block;
    float: left;
    font: 12px arial,sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial,Verdana,serif;
    font-size: 0.81em;
}

，

SPAN element
    a.btn1 span {
        background: url("Images/Menus/bg_button_span.gif") no-repeat scroll 0 0 transparent;
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 18px;
    }
    Controls.css (rad 80)
    * {
        margin: 0;
    }

    a.btn1 {
        color: #444444;
        font: 12px arial,sans-serif;
        text-decoration: none;
    }

    body {
        font-family: Arial,Verdana,serif;
        font-size: 0.81em;
    }

我怎样才能找到这个问题？

致以诚挚的问候

原文

Hi,

I know that its possible to set the cusor to hand when hovering an object like this:

CSS :

cursor:             hand;
cursor:             pointer;

This should be done automaticly with a link element that looks like this :

<a onclick="" class="btn1">
  <span>Sök</span>
</a>

But In my case its not?

With firebug I can see that the followin CSS is applyed

<a> element
a.btn1 {
    background: url("Images/Menus/bg_button_a.gif") no-repeat scroll right top transparent;
    color: #444444;
    display: block;
    float: left;
    font: 12px arial,sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial,Verdana,serif;
    font-size: 0.81em;
}

And

SPAN element
    a.btn1 span {
        background: url("Images/Menus/bg_button_span.gif") no-repeat scroll 0 0 transparent;
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 18px;
    }
    Controls.css (rad 80)
    * {
        margin: 0;
    }

    a.btn1 {
        color: #444444;
        font: 12px arial,sans-serif;
        text-decoration: none;
    }

    body {
        font-family: Arial,Verdana,serif;
        font-size: 0.81em;
    }

How can I track down this problem?

BestRegards

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

仲春光 2024-10-25 06:12:55

如果没有 href 属性，a 标记不会声明超链接。如果它拥有 name 或 id 属性，则它可以声明超链接的目的地。 (http://www .w3.org/TR/html4/struct/links.html#anchors-with-id)

如果您要声明的元素与超链接没有语义相似性，并且您依靠 CSS 使其看起来像一、何苦呢？您也可以使用任何旧的 span。

你不应该做的是写一个{cursor:pointer; } 到您的 CSS 中，导致任何 a 元素在悬停时显示手形，即使是那些不是超链接的元素。相反，您应该像建议的那样添加 href 属性。如果没有可供依赖的非 JavaScript 功能，您可以输入 # 作为值。否则，您应该输入要链接到的资源的 URI。

另请参阅维基百科：http://en.wikipedia.org/wiki/HTML_element#Anchor