-1

CSS3 で作成されたボタンを表示するように設定されたボタン タグを使用して、ボタンをリンクしようとしています。ボタンは機能し、Chrome と Safari では正しく表示されますが、FireFox ではボタンは表示されますがリンクされず、ページのスタイルも少し乱れます。

私はあなたが使用できないことを知っています

ページへのリンクはこちらhttp://pt11.com/index2.php?x=videos.html

ここに私のHTMLがあります：

<head>
<link rel="stylesheet" type="text/css" href="videos.css" />
</head>
<br>


<div class="vidholder">

<div class="textbox">
<h2>Eythor Bender at TEDMED 2011</h2>
</div>


 <div class="textbox2">
 Eythor Bender's Ekso Bionics makes powered, wearable robots known as "exoskeletons" that           boost human strength, endurance, and mobility. But can they help a paraplegic walk? Watch this incredible story.

 </div>

 <div class="img">
 <img src="ted.png">
  </div>



     <button type="button" name="" value="" class="css3button"><a href="http://www.youtube.com/watch?feature=player_embedded&v=tgWrCNH9gHc" target="_blank">Watch Video</a></button>

     </div>
      <br>

     </div>

次に、ボタンの CSS

     button.css3button {
padding
    margin:-3px 0px 0px 325px;

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
background: -moz-linear-gradient(
    top,
    #ff2819 0%,
    #ab0000);
background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ff2819),
    to(#ab0000));
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border: 1px solid #7d0000;
-moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 2px rgba(255,255,255,0.7);
-webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 2px rgba(255,255,255,0.7);
text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
         }
4

1 に答える 1

1

ボタン要素が必要な理由はありますか? 使用しない理由

<a class="css3button">

cssセレクターを一致するように変更します。これにより、スタイルがアンカーに適用され、ボタン要素が不要になり、すべてのブラウザーで機能します。

于 2012-04-16T15:22:08.153 に答える