1

私はあなたがここで見るために作られたボタンを持っています。見栄えがいいですよね？ライブサイトでは、euroworker.no /shippingと/selectAddressが拡張されているようです。

Chrome、IE、Safariで正常にレンダリングされます。これは、FFの問題である可能性があると思いましたが、フィドルをFFにロードし、正常に見えます。

クイックリファレンスCSSとhtml：

#fortsett_btn  {
   background-image: url(http://euroworker.no/public/upload/fortsett.png?1269434047);
   background-repeat:no-repeat;
   background-position:left;
   background-color:none;
    border:none;
    outline:none;
   visibility: visible;
   position: relative;
   z-index: 2;
   width: 106px;
   height: 25px;
   cursor:pointer;
}​

そしてHTML

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">&nbsp;</button>​

どうしたのかしら。

4

2 に答える 2

1

それ以外の

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">&nbsp;</button>

これを試して ：

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">Some value</button>

text-indent:-999px;次にCSSに追加します

これは、ボタンがライブサイトで影響を受けない理由とは関係ありません。これは単なる提案です。スタイルシートがない（リンクが間違っている）ためにボタンのスタイルが設定されない場合は、インラインでスタイルを設定してみてください。機能する場合は、スタイルをスタイルシートにコピーしてください。

于 2010-03-24T12:55:04.040 に答える
1

問題を理解できるかわかりません。CSSはそれぞれの場合で異なります。Fiddleには、background-repeatがno-repeatに設定された単一の画像があります。ライブサイトには、background-repeatがrepeat-xに設定された別の画像のスライスがあります。これらは、ボタンのスタイルを設定する2つの異なる方法です。

フィドル：

#fortsett_btn {
background-image:url("http://euroworker.no/public/upload/fortsett.png?1269434047");
background-position:left center;
background-repeat:no-repeat;
border:medium none;
cursor:pointer;
height:25px;
position:relative;
visibility:visible;
width:106px;
z-index:2;
}

住む：

#product___specField_8  {
-moz-border-radius:5px 0 0 5px;
background-image:url("stylesheet/frontend/../../upload/orng_bg.png?1269434608");
background-repeat:repeat-x;
border:1px solid #DDDDDD;
float:left;
font-size:24px;
font-weight:bold;
height:33px;
padding-left:55px;
width:124px;
}

なぜあなたは何か違うものを見ることを期待しないのですか？

于 2010-03-24T12:55:21.813 に答える