border：none背景を使用して設定された画像上で作業していません

Question

Kだから私は自分のHTMLにイメージを持っています。私はそのsrcをCSSとbackground: url()で設定しています。画像間を行き来する。私のイメージには境界があり、私は何も愚かなことを取り除くことができないようなことを除いて、すべてが機能します。ここで

はhtmlです：

<img class="minus" /> 

、ここでは、CSSです：

.minus{ 
    position: relative; 
    margin: 0 0 -3px 5px; 
    float:right; 
    background: url(/images/mobile/minus.png) no-repeat; 
    border: none; 
    display:block; 
    width: 16px; 
    height: 16px; 
} 

私は私がbasiclyここやウェブ上で見つけることができるborder:0px; border:0; border-width: 0px; border-style:none;何も考えることができるすべてのものを試してみましたし、何も愚かな国境を取り除くことはありません。どんな洞察にも感謝します。

編集：google chromeを使用してください。

Answer 1

私は確かにこのエラーをChromeで再現できます。ここではデモです：

.minus{ 
 
    display: block; 
 
    margin: 0 0 -3px 5px; 
 
    background: url('http://www.google.com/intl/en_com/images/srpr/logo3w.png'); 
 
    width: 100px; 
 
    height: 100px; 
 
}

<img class="minus">

しかし、w3.org指定します（強調鉱山）：

SRC属性が埋め込まれる画像のURIを指定します。その構文は、タグのHREF属性の構文と同じです。 SRCは必須です。 CSS background-imageの設定

は<img>のsrc HTML属性を設定することと同じではありません...そして、おそらくそれはあなたの問題です。あなたは、例えば、異なる要素を使用することを検討すべきである。：<span>：

.minus { 
 
    display: block; 
 
    margin: 0 0 -3px 5px; 
 
    background: url('http://www.google.com/intl/en_com/images/srpr/logo3w.png'); 
 
    width: 100px; 
 
    height: 100px; 
 
}

<span class="minus"></span>

Answer 2

ここでは、クラス（私は国境を見ていない）とのdivを使用するfiddleです。クラスでimgを試してみると、何も表示されません（firefox 7）