• ベストアンサー

背景の色について

下記サイトの選択してくださいの部分を表示させると背景が他のように透明にならずシロになってしまいます。 他と同じように透明に出来ないのでしょうか? http://sample1.digi2.jp/yufu/inquery.html

noname#226032
noname#226032
  • CSS
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • sean9
  • ベストアンサー率86% (26/30)
回答No.2

optionに画像を使いたい場合はjQueryを使えばいけます。 http://www.syboos.jp/jquery/doc/select-with-image-by-jquery-css.html

参考URL:
http://www.syboos.jp/jquery/doc/select-with-image-by-jquery-css.html
noname#226032
質問者

お礼

ありがとうございます。 こんなものもあったのですね。

その他の回答 (1)

  • sean9
  • ベストアンサー率86% (26/30)
回答No.1

optionの透明は無理じゃないかと思います。 やりたいことはoptionの背景をimg/base/blackground.pngのような色にしたいってことだと思ったので 代替案を用意しました。 ・画像を使わない方法 (透過度はご調整ください。こんなもんかなーと。) select,option { color: #3C3; } select { background:rgba(0,0,0,0.2); } option { background:rgba(0,0,0,0.8); }

noname#226032
質問者

お礼

ありがとうございます。 確かにCSS3で透明に出来そうですね。 ただIE8まで対応しないといけない場合はあきらめるしかないですかね?

関連するQ&A

  • paddingを加えたのですが上部にの背景が広がり

    下記サイトのパンくずリストにpaddingを加えたのですが上部にの背景が広がりません。 ulはpaddingが聞かないと言うことは無いですよね。 なぜきかないのでしょうか? http://sample1.digi2.jp/yufu/inquery.html

    • ベストアンサー
    • CSS
  • 画像を乗っけたいのですが、うまくいかない。

    下記サイトのコンテンツのライトボックスの上にキラキラした画像を乗っけたいのですが、乗っけたところ画像の下に入ってしまいます。 z-indexなどを使ったのですがそれでも下になります。上に重ねる方法があれば教えてください。 http://sample1.digi2.jp/yufu/index.html

    • ベストアンサー
    • CSS
  • 地図をはめ込んだのですが、英語になってしまいます

    下記サイトに地図をはめ込んだのですが、英語になってしまいます。 もしこれが仕事でしたらまずいですよね。 日本がする方法があれば教えてください。 また、イラレで地図を作っているサイトも良く見るのですが、実務ではそのようなことも必須でしょうか? 作る場合はグーグルマップを下地になぞるのでしょうか? http://sample1.digi2.jp/yufu/access.html

  • 下記サイトのパンくずリストが背景の真ん中になりませ

    下記サイトのパンくずリストが背景の真ん中になりません。 ulをdivで囲んでulを真ん中にすればおそらく良いと思うのですが、 それでよいのでしょうか? 仕事ならどのようにコーディングしますか? http://sample1.digi2.jp/yufu/inquery.html

    • ベストアンサー
    • CSS
  • 背景の色が表示されません

    はじめまして。 僕は自分でサイトを運営しているのですが、背景の色がうまく表示されなくて困っています。 今まではIEを使っていたのですが、パソコン自体がMacなので、うまく表示されないページなどがあります。 そこで最近はSafariを使うことのほうが多かったのですが、 何故かSafariだと背景色が白になってしまうのです。 IEだとしっかり色がででいます。 他のサイトさまを覗いてみると、ちゃんと色が表示されていました。 なにか問題でもあったのでしょうか…? HPは手打ちなので、ミスがないか調べたのですが、なにが原因なのか分かりません。 困っています!教えて下さると助かります。

  • サイト作成がうまくいきません。

    下記サイトの右上にある小という3つのリンクの一番左側をポイントを持っていく前は背景の小を見えなくして、ポインタを持ってきた時にimgの小が消えて、背景の小が出てくるようにしたいのですがどのようにCSSを変えればよいのか教えてください。 重ねれば見えなくなりますが、背景のほうが大きい場合、背景がはみ出て見えてしまわないでしょうか? http://sample1.digi2.jp/kindergarten3/plan.html

    • ベストアンサー
    • CSS
  • Wordの背景に色が付いている

    Wordの背景に色が付いている Drag & Paste等をしていたら、本来「白」である用紙にところどころうっすらと色が付いてしまいました。 Word上で色のついた背景を選択しようとしてもできません。どうやればこの「色のついた背景」を掴むことが出来ますか?また、この背景をどうやれば白にできますか?

  • illuminatというJQUERYのプラグイン

    illuminatというJQUERYのプラグインを下記サイトに導入したのですが全く光りません。 どこに問題があるのでしょうか? sample1.digi2.jp/sample/ また、こちらのプラグインは商用可と聞いたのですが、特にリンクを付けないといけないなど規定も無く使えるのでしょうか? 英語なのでコマーシャルもかと言う部分しかわかりませんでした。 ご存知なかたがいましたら教えてください。

  • GIMP2 背景の透明化

    添付画像の背景を透明にしたいです。 画像呼び出し→「レイヤー」の透明→アルファチャンネルの追加→ファジー機能を選択→背景(白部分)をクリック 以上の操作で、表示されている画像は背景が透明になっていますが、名前を付けてエクスポートすると保存されるのは、背景が白の画像です。 どこがおかしいのかご指摘下さい。

  • 背景画像をもっと上に移動したい

    下記サイトのtableの中の背景画像の白い星が文字とかぶりやすいのでもっと上に移動したいのですが、 したぞろえで背景を上にずらすことは出来ないのでしょうか? http://sample1.digi2.jp/yufu/index.html td.copyright { background: url(img/base/futterback.png) center bottom no-repeat; width: 567px; height: 133px;/*背景画像の縦幅*/ font-size: 16px; vertical-align: bottom; text-align: center; font-weight: 500; color: #FFF; font-family: 'webhannari'; }

    • ベストアンサー
    • CSS

専門家に質問してみよう