按钮不会在Firefox或IE中点击

我已经使用HTML/CSS和Java脚本创建了一个按钮。该按钮应该指示某人到不同的页面，但它不起作用。它适用于Chrome和Safari，但不适用于Firefox。按钮不会在Firefox或IE中点击

任何人都可以帮助代码，以便它可以在Firefox和IE？

谢谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 

<head> 
    <title>WTF</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head> 

<style type="text/css"> 


button{ 
color:#08233e; 
font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif; 
font-size:70%; 
padding:14px; 
background:url(overlay.png) repeat-x center #ffcc00; 
background-color:rgba(255,204,0,1); 
border:1px solid #ffcc00; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
border-radius:10px; 
border-bottom:1px solid #9f9f9f; 
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); 
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); 
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); 
cursor:pointer; 
} 

button:hover{background-color:rgba(255,204,0,0.8);} 

</style> 

<body> 

<button><a href="http://www.ihatelebronjames.com" class="button1">LEBRON IS A NO-GOOD, BACK-STABBING, AFRAID-OF-THE-MOMENT CHOKE ARTIST!</a></button><br> 
<button><a href="http://www.lebronjames.com" class="button2">LEBRON IS THE PINNACE OF BASKETBALL PERFECTION!</a></button>    


</body> 

</html>

来源

2012-06-14 Varun Shetty

一个非常简单的解决方法是：

<a href="http://www.lebronjames.com" class="button2"><button>LEBRON IS THE PINNACE OF BASKETBALL PERFECTION!</button></a>

把按钮标签的标签

另一个（和更好的做法）的内部选项：

http://jsfiddle.net/a6seL/

这里我们只需将一个类“button2”添加到<a>。然后，我们按照<button>的样式进行设计，但要真正获得按钮外观，我们还要将display : block添加到课程中。

现在你只需要<a>而不再需要<button>。

请参阅我的jsfiddle。

来源

2012-06-14 19:34:11 Anonymous

看起来像它的作品。正如我试图学习，你能解释为什么这个工程？ –

我认为，如果你换按钮它将正常外锚，虽然我不知道如何实现有效的油墨按钮

来源

2012-06-14 19:34:29 Huangism

使用或者一个链接或按钮 100％。混合两者并没有意义。如果你想要一个链接，请使用链接。如果你想要一个按钮，使用一个按钮。

仅用于造型目的使用按钮（或任何其他元素）是非常糟糕的做法。调整您的CSS到您的语义，有意义的HTML。

此外，在XHTML 1.0，你根本无法把一个<a>成<button>：

<!-- button uses %Flow; but excludes a, form and form controls --> 

<!ENTITY % button.content "(#PCDATA | p | %heading; | div | %lists; | %blocktext; | 
    table | %special; | %fontstyle; | %phrase; | %misc;)*">

从the XHTML 1.0 Transitional DTD（您正在使用）

来源

2012-06-14 19:37:08 kapa

你不能做到这一点，按钮是不是重定向，你可以创建一个链接，并使它看起来像一个CSS按钮，或者你可以创建一个按钮，并给它JS功能，如下所示：

<button onclick="self.location=('http://www.ihatelebronjames.com');">LEBRON IS A NO-GOOD, BACK-STABBING, AFRAID-OF-THE-MOMENT CHOKE ARTIST!</a></button><br> 
<button onclick="self.location=('http://www.lebronjames.com');">LEBRON IS THE PINNACE OF BASKETBALL PERFECTION!</a></button>

来源

2012-06-14 19:38:17 jcho360

按钮不会在Firefox或IE中点击

回答

相关问题