Question

在页面上，有一些链接显示为CSS作为按钮：

HTML:
    <a class="button" href="#">Button</a>
CSS:
    a.button {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background-color: $00f;
    }
    a.button:hover {
        background-color: $f00;
    }

我有一些主要问题： href值是加密的，因此当用户将鼠标悬停在链接上时，当浏览器中显示地址时，它将显得凌乱和丑陋：

http://mysite.com/shjfgkh53hhsfd9ah390503hh35323j5hj35909ufudufdjj3

此外，href值将变得更长，因为我无法传输POST参数（所有内容都由GET完成）。

然而，我可以使用它：

HTML:
    <input type="button" class="button" href="#" />

然后在CSS中设置bg。 我只是不确定是否使用伪类如：hover是正确的并且符合标准。我个人认为：hover，：active，：visited等用于链接（即标签）。< / p>

澄清这对我来说真的很有帮助。谢谢！

Answer 1

它们可能无法正常运行IE6，但所有当前浏览器都支持此功能，并且规范并未禁止它：See here for the spec。

重要的是浏览器支持的内容。老实说，如果他们使用IE6并且某些东西不起作用......在这种情况下，它不是破坏缺乏功能，即使没有，你的网站也能正常工作。我会说你在这里很清楚。

使用按钮代替<a> with pseudo classes - is it wrong?</a>

1 个答案: