コメント欄を透明にしたい。

このトピックには9件の返信が含まれ、1人の参加者がいます。10 ヶ月前 Hidekichi さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #48800 返信

    kokoro

    お世話になっております。
    コメント欄を透明にしたいのですがどうすればよいか教えてください!

    #comment-respond{
      background-color: rgba(255, 255, 255, 0);
    }

    これではだめなのでしょうか?

  • #48801 返信

    kokoro

    何度もすいません。
    あと、ブログ一番したの
    クレジット表示を変更したいのですがどうすればよいでしょうか?
    © 2016 ブログ名 の部分です!

  • #48802 返信

    Hidekichi

    > コメント欄を透明にしたいのですが
    > rgba(255, 255, 255, 0);

    それで指定部分は透明になってますが、#mainに白が設定されているので変化がないんだろうと思います。
    仮に、rgba(255, 0, 0, 0.5);ぐらいを設定すれば変化はあると思います。
    どのように色を変えたいかがわからないとどうすればよいのかは答えれませんが、#mainを色なしにして、指定箇所以外で色を付ければ指定箇所は色なしになります。

    ブラウザの背景が白なら、指定箇所を透明にしても白になります。そう見えるだけなんですが、透明であるというのは背景が見えている状態であるため、背景に画像なり別の色が設定されていない限り透明とはなりません。

    半透明にする場合でも同じですが、白背景に黒半透明を重ねればグレーに見えるだけです。ここらをどのように見せたいかがどのようにスタイルするかの肝になるかと思います。

    > クレジット表示を変更したい

    どのように変更しますか?
    カスタマイザーからもいくつか選べますが、それ以外にしたいということかと想像します。日付を入れたりリンクを入れたり、あるいは何かしらのスタイルやロゴを入れたいとかいろいろ考えられます。基本はfooter(-***).phpあたりを弄ることになりますが、それだとアップデートのたびに修正しないといけません。jQuery等で指定のものを入れるのが一番良いかとは思います。

  • #48803 返信

    Hidekichi

    あと、コメント欄とありますが、指定セレクタは#comment-respondなので、どの部分を透明化したいのかが不明瞭かと思います。スクリーンショットで、「ここら」というような何かしら指定部分がわかるようにして説明してもらうのが良いかと思います。

  • #48808 返信

    kokoro

    いつもありがとうございます!
    http://usayami.com/wp/wp-content/uploads/2016/12/15949.jpg

    記事下のコメント欄を記事本文と同じように透明にて背景画像が見えるようにしたいのですが・・。

  • #48809 返信

    Hidekichi

    アドレスから見てみましたが、

    #comments-thread {
        background-color: transparent;
    }

    これでいけるかと。コピーライトの件はどうですか?

  • #48817 返信

    kokoro

    お世話になっております。
    ありがとうございます。
    やはり、だめでした。。
    変化がありません・・。

    コピーライトはこのままです!
    ありがとうございます

  • #48818 返信

    Hidekichi


    いけてますけども

  • #48891 返信

    kokoro

    お世話になっております!
    ありがとうございました!!
    強制読み込みで確認できました!!

    いつもいつもすぐにご回答いただき、とても感謝しております!!
    また質問させていただくと思いますがどうぞよろしくお願いいたします!!

  • #48892 返信

    Hidekichi

    ちなみにtransparentでなくても透過すれば良いので、
    background-color: rgba(0,0,0,0);
    でも良いだろうと思います。

    IEを無視してもよいなら(基本はこれ)、
    background-color: unset;

    IEは無視できないなら、
    background-color: initial;

    でもよいかもしれません。

返信先: コメント欄を透明にしたい。
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)