0

IE7以下でのみリスト要素にマージされるボタンのグループに問題があります。Title 2したがって、すべてのボタンは2番目のli要素とともに表示されます。以下のhtmlとcssを参照してください

<ul class="tabs">
   <li><a href="#tab1">Title 1</a></li>
   <li><a href="#tab2">Title 2</a></li>
   <span class="button-span">
   <button id="print" title="Print">
   <img alt="Print" src="images/ico-print.png" border="0"/>
   </button>
   <button id="save" title="Save">
   <img alt="Save" src="images/word.gif"/>
   </button>
   </span>
</ul>

CSS

ul.tabs li {
    background: url('../images/gradient-black.png') repeat-x top left #262626;
    border-top: 1px solid #444;
    border-left: 1px solid #535250;
    border-right: 1px solid #535250;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    padding: 6px 20px;
    overflow: hidden;
    text-align: center;
    width: 200px;
}

span.button-span {
    margin-right: 35px;
    float: right;
    clear: both;
}
4

2 に答える 2

0

あなたはこれを見る必要があります：http：//stackoverflow.com/questions/1903453/what-disadvantages-are-there-to-the-button-tag-it-seems-there-are-quite-a-fe for正しく機能しない理由の手がかり、また@da5idが言ったようにスパンタグを閉じる必要があります

于 2012-12-12T19:50:12.553 に答える
0

修正例: http://jsfiddle.net/xQ4L9/1/ (URL http://jsfiddle.net/xQ4L9/1/show/を使用して IE7 で結果を表示)

修正手順:

  1. 外button-spanに出ulてブロック要素にします。
  2. 対応する CSS セレクターを からspan.button-spanに変更します.button-span
  3. を削除clear:bothし.button-spanます。
于 2012-12-12T20:41:54.027 に答える