1

この非常に具体的な方法で Chrome に問題があるようです。角が丸みを帯びた境界線を持ち、背景画像が繰り返し表示されているテーブル (テーブルが悪いことはわかっています) がある場合、画像は角の境界線からはみ出します。

これはjsfiddleの例です。これは、テーブルの代わりに div を使用して起こると予想されることのjsfiddleです。

これは、Safari、Firefox、Opera、さらには Chromium ではなく、Google Chrome でのみ発生するようです。追加overflow: hidden;しても修正されません。

これは Chrome のバグですか、それとも他の Webkit ブラウザーでたまたま機能する何か間違ったことをしているのですか?

4

3 に答える 3

1

これは、あなたの望むことですか：

http://jsfiddle.net/8f7Hu/1/

CSS を使用します。

background-repeat: repeat;
于 2013-06-24T18:45:24.993 に答える
1

なぜこれが起こるのかわかりませんが、display: inline-blockそれを修正するようです：

table {
    border: 1px solid #CC6633;
    background-image:url(https://dl.dropboxusercontent.com/u/42944578/gradient.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    display: inline-block;
}

デモ

于 2013-06-24T18:48:24.867 に答える