WordPress 画像透過できない


お世話になります。

透過処理をした.gif画像を<img src="フルパス" />で読み込んでも透過処理されません。
透過処理した場所が白く表示されます。

テーマはTwenty Twelveを使用しているのですがstyle.cssのimgタグが多すぎでどこを直せば良いのか分かりません。

ご存知の方はご教授よろしくお願いします。

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/07/17 03:15:03
id:oracle11011

補足です。

画像はWordPressのアップロード機能を使わずFTPに直でアップして読み込んでいます。

回答0件)

回答はまだありません

  • id:rouge_2008
    透過処理した箇所が何色に表示されるといいのでしょう?
    画像を表示している部分の背景が白に設定されているから白く表示されるのではないですか?
    任意のクラス等を指定した親要素を作成して、その中に画像を表示するといいと思います。
    ※スタイルはインライン要素として指定しても「style.css」に追記してもどちらでもいいです。


    <div class="xxx-imagebox">
    <img src="xxxxx.gif" alt="XXXXX">
    </div>


    「style.css」
    .xxx-imagebox {
    background-color: 任意の色;
    width: 任意の幅; /* 必要なら */
    height: 任意の高さ; /* 必要なら */
    }

    ※投稿本文内に記述する場合も、テンプレートに記述する場合も同じです。
  • id:oracle11011
    WordPressの背景は確かに白です。
    WordPressの環境でのみうっすら枠が表示されてしまいます、他の環境なら背景が何色であっても透過されて枠もなく表示されます。
    うっすらと表示される枠を消したいです。
  • id:rouge_2008
    質問の内容(※問題とされていた現象)が変わってしまっていますね。


    「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 {
    /* スタイルはそのまま */
    }
  • id:oracle11011
    出来ました!
    有難う御座います。
  • id:oracle11011
    rouge_2008様
    よろしければ回答に挙げて置いてください。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません