.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
コメント(5件)
画像を表示している部分の背景が白に設定されているから白く表示されるのではないですか?
任意のクラス等を指定した親要素を作成して、その中に画像を表示するといいと思います。
※スタイルはインライン要素として指定しても「style.css」に追記してもどちらでもいいです。
<div class="xxx-imagebox">
<img src="xxxxx.gif" alt="XXXXX">
</div>
「style.css」
.xxx-imagebox {
background-color: 任意の色;
width: 任意の幅; /* 必要なら */
height: 任意の高さ; /* 必要なら */
}
※投稿本文内に記述する場合も、テンプレートに記述する場合も同じです。
WordPressの環境でのみうっすら枠が表示されてしまいます、他の環境なら背景が何色であっても透過されて枠もなく表示されます。
うっすらと表示される枠を消したいです。
「style.css」の次のスタイルが適用されているようです。
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
枠を表示したくない画像のimgタグに任意のクラスを指定して、「style.css」に上記を打ち消すスタイルを追加すると良さそうです。
「<img src="xxx.gif" alt="XXXXX" class="nostyle">」で表示した場合、
「style.css」に以下を追記します。
img.nostyle {
border-radius: 0;
box-shadow: none;
}
※他の箇所にも適用されなくていい場合は元の記述をそっくり削除してもいいですし、該当箇所のセレクタだけ削除してもいいと思います。
(例)投稿本文内に表示している画像の場合、「.entry-content img」を削除して以下のようにします。
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
/* スタイルはそのまま */
}
有難う御座います。
よろしければ回答に挙げて置いてください。