• 解決済 WP_manabu

    (@wp_manabu)


    ロールオーバーするように(カーソルを合わせると画像の色がかわるように)スタイルシートを記述してみたのですが、
    うまく反映しません。WordPress特有な書き方があるのでしょうか。どうぞ、ご教示ください。

    ◎記述したスタイルシート

    アイコン

    <style>
    .change_background:hover {
    background-color: orange;
    }
    </style>

    ◎そのウェッブページ
    http://tsurumaki-office.com/practice_rollover/

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • LABE

    (@latobeam)

    それは無理でしょう。WordPressでなくても無理です。
    画像の背景色を変えるには、画像自体を別のものに変えるか、それとも背景を透明にした画像を用意し、その画像を配置した要素の背景を変えるしか方法はありません。
    お使いの画像はPNGですが背景が透明ではありませんので、スタイルシートだけではどうにもなりません。

    トピック投稿者 WP_manabu

    (@wp_manabu)

    LABEさん、ご回答ありがとうございます。

    そのへん、どうなんでしょう…
    WordPressでためす前に、ローカルでやってみたところ、YouTubeの映像のようにできるんですよ、はい。
    本件は、ケース1です。映像では分かりませんが、写真、タイトル、本文が1枚の画像になっいます。

    https://www.youtube.com/watch?v=AU_2YMDrxGg

    LABE

    (@latobeam)

    その画像は背景が透明なだけに見えますが……
    ちょっとそのケース1のページを実際に見てみないと、何とも言えないですね。

    トピック投稿者 WP_manabu

    (@wp_manabu)

    LABEさま

    できました! くまのイラストの画像に余白を付け忘れたことが原因のようでした。ケアレスミスでした。あたたた。
    下記の2番めの、かぼちゃの煮つけで、ロールオーバーが確認できました。

    http://tsurumaki-office.com/practice_rollover/

    すみません。おさわがせしました。

    LABE

    (@latobeam)

    確認しました。
    特に問題なさそうで、よかったです。

    トピック投稿者 WP_manabu

    (@wp_manabu)

    お手数をおかけしました。

    CG

    (@du-bist-der-lenz)

    マウスオーバーでカラーや画像要素を重ねる方がスタイルシートで容易ですが、pngを度々作るのは、手間のかかることですね。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「ロールオーバできない件」には新たに返信することはできません。