cromeの画像境界を削除する

1つの頻繁な問題は、chromeとie9の画像を操作する際に遭遇する頻繁な問題です。と「国境：なし;」 CSSで。この問題を解決するには、次のアプローチを検討してください。スタイル。これを回避するには、次のCSS IDブロックを使用して、目的のパディングを備えた透明な領域を作成し、クロムに効果的に画像がないと考えさせます：

＃dlbutn { 表示：ブロック; 幅：0px; 高さ：0px; アウトライン：なし; パディング：43px 51px 43px 51px; マージン：0 Auto 5px auto; 背景イメージ：url（/images/download-button-102x86.png）; バックグラウンドリピート：ノーリピート。 }

スタイルの複製

#dlbutn {
    display: block;
    width: 0px;
    height: 0px;
    outline: none;
    padding: 43px 51px 43px 51px;
    margin: 0 auto 5px auto;
    background-image: url(/images/download-button-102x86.png);
    background-repeat: no-repeat;
}

$（document）.ready（function（）{{ $（ 'img'）。attr（ 'border'、 '0'）; }）;

追加の考慮事項

img, a img {
    outline: none;
    border: none;
}

これらのソリューションを実装することにより、ChromeとIE9の不要な画像境界を効果的に削除し、Webページに一貫した視覚的に心地よい外観を提供できます。