1

現在、自己プログラムされたボードにデザインを追加しようとしています。どういうわけか、CSS レンダリングで奇妙なバグが発生しています。

ここに画像の説明を入力

そのボードのすべての行は、CSS でフォ​​ーマットされる .BoardRow クラスです。だから、私は使用しています：

.BoardRow td {
    border: 2px dotted #4E6011;
    background-image:-webkit-linear-gradient(bottom, #FFFFFF 33%, #EFEFEF 90%); /* Chrome, Safari */
}

これにより、各行の周りに見栄えの良い境界線が追加されます。どういうわけか常に一番上の行が意図したとおりに機能しません。Google Chrome で CTRL + マウスを使用してズームインすると、上の境界線が常に図のように変化します。これについて何ができますか？

編集: 生成された完全な HTML コードは次のとおりです。

<div id="Top">
  <div id="Navi"> <a class="Link" href="index.php?s=home">Startseite</a> <a class="Link" href="index.php?s=physicians">Ärzteliste</a> <a class="Link" href="index.php?s=pmr">Polymyalgia Rheumatica</a> <a class="Link" href="index.php?s=logout">Abmelden</a> <a class="Link" href="index.php?s=course">Krankheitsverlauf</a> <a class="Link" href="index.php?s=board">Forum</a> </div>
</div>
<div id="Main">
  <table id="Board">
    Seite (1 von 1)
    <tr>
      <td class="BoardHeadline">Thema</td>
      <td class="BoardHeadline">Beiträge</td>
      <td class="BoardHeadline">Angesehen</td>
    </tr>
    <tr class="BoardRow">
      <td class="BoardName"><a href="index.php?s=board&threadid=3">asdfasdfas</a> von (Unbekannter Benutzer)<br />
        geschrieben am 25:03:2013 um 15:43 </td>
      <td class="BoardCounter">3</td>
      <td class="BoardCounter">20</td>
    </tr>
    <tr class="BoardRow">
      <td class="BoardName"><a href="index.php?s=board&threadid=5">Titelasdgkljahskjdghkjasg</a> von (Unbekannter Benutzer)<br />
        geschrieben am 25:03:2013 um 16:14 </td>
      <td class="BoardCounter">1</td>
      <td class="BoardCounter">4</td>
    </tr>
    <tr class="BoardRow">
      <td class="BoardName"><a href="index.php?s=board&threadid=6">asdjglkajsljkdg</a> von (Unbekannter Benutzer)<br />
        geschrieben heute um 12:58 </td>
      <td class="BoardCounter">3</td>
      <td class="BoardCounter">12</td>
    </tr>
  </table>
  <br />
  <a href="index.php?s=board&action=newthread&where=2">Neues Thema eröffnen</a> </div>
<div id="UserPanel"> <a href="index.php?s=profile">Benutzerprofil</a> </div>

CSSは次のとおりです。

CSS

私は HTML や CSS の専門家ではないことに注意してください。;)

Google Chrome 19 (USB スティックに古いポータブル バージョン) を使用していますが、これはローカルにインストールされた IE 8 でも発生しています。

4

1 に答える 1

1

問題は、2 つの点線の境界線が競合していることです。境界線を使用してみてください:

于 2013-04-15T12:48:37.190 に答える