Twitter Bootstrap を使い始めたところ、原因が分からない奇妙な問題に遭遇しました。
以下を使用して画像をレンダリングする場合:
<img class="img-rounded" id="logo" />
CSSでは次のようになります:
#logo {
background-image: url(/Content/Images/logo.png);
}
画像は細い「境界線」付きで表示されます。
この効果に関連するものは何も見つかりませんが、img-roundedクラスのせいで角が開いています。
以下を使用して画像をレンダリングします。
<img class="img-rounded" id="logo" src="~/Content/Images/SO.png" />
期待どおりにレンダリングされます:
境界線を消すにはどうしたらいいでしょうか? 試してみたのですがうまくいきませんでした CSS コード:
border: none;color: blue;background-color: blue;border-style: none;
ベストアンサー1
答えは、<img>タグを使用せず、CSS で を設定することですbackground-image。
<div>またはのいずれかを使用し<img src="pic.png">、両方の無効な組み合わせは使用しないでください。
これを指摘してくれたrblarsenに感謝します。