• 締切済み

文字の背景を・・・パート2

<span style="background-color:#FFFFFF;">文字</span> で文字の背景だけに色を付けれる方法は分かったんですけど、この背景を半透明にすることって可能ですか?

  • okus
  • お礼率17% (33/186)
  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

noname#107787
noname#107787
回答No.2

可能です。 方法は簡単なところで3つあります。 1.画像  ■□  □■  (□は透明)  2*2ピクセルの画像を配置する。 2.スタイルシート(フィルタfilter: alpha( );) こちらは0~100まで透明度を指定する事が出来ます。 但し、InternetExplorerのみ適用されているので、 他ブラウザを使用している閲覧者の事を考えるのであればおすすめしません。 参考URL http://www.tagindex.com/stylesheet/filter/alpha.html 3.元からFlashで作る。 画像を多く使うよりもFlashで構成した方が読み込みが 速い時もあります。 参考URL http://www.macromedia.com/jp/

noname#11028
noname#11028
回答No.1

半透明の画像を貼り付ける。 くらいでしょうか。 そういうのはスクリプトの範囲だと思います。

関連するQ&A

  • 携帯サイト:文字の背景色について

    <span style="background-color:背景色;">文字</span> ↑のようなHTMLだと、パソコンからはちゃんと 文字に背景色がついているのですが、 携帯からだとついていません。 (ついている場合もあるのですが) 文字に背景色をつけるのは、携帯サイトでは不可能なのでしょうか? 可能であれば、そのHTMLをお手数ながら教えて頂きたいです。

  • テーブルの背景を透過する方法

    テーブルの背景だけを透過したいんですけど、どうすればいいですか? 自分で調べてみて、テーブルタグの中に<style="background-color:#FFFFFF;filter:Alpha(opacity=75);">を入れてみたんですけど、テーブル全体を透過してしまって文字まで薄くなってしまったんです。 だから、背景を透過した画像を並べてみたんですけど、なんか不自然で、私がイメージしていたのとは違うんです。私は最初にやったように、元の背景の色自体が薄くなるよいうにしたいんです。 でも、それって不可能なことなんですか?

    • ベストアンサー
    • HTML
  • bodyの背景と異なる背景色で、同じ文字色の見出し

    例えば、以下 body{background-color:lightskyblue} h1{background-color:blue;color:lightskyblue} のように、bodyの背景色とh1の文字色が全く同じながらも、h1の背景色が文字色より濃くて暗い色なため、h1の文字が十分に認識できるときでも、スパムとして認識されるのでしょうか?

    • ベストアンサー
    • HTML
  • html で文字の色が出てこない。

    はじめてhtmlを勉強していて、わからないことがありました。 文字の色、背景色などを指定しているのですが、 実際にIEで見ても、色が出てきません。 下記が内容です。 どこが間違ってるのでしょうか? --の所は、- -です。 タブは実際はコードにはあります。 <html> <head> <title>背景色とは</title> <style type="text/css"> <!-- body[color:blue; background-color:aqua; h1[color:green] p{background-color:white span[color:red] HR[background-color:red; height:20px] --> </style> </head> <body> <h1>ようこそ</H1> <hr> <p><span>私の</span>ホームページへ<br> このページでは<br> 私の好きな作家の作品について</br> 感想をつづっています。 </p> <a href="http://www.yahoo.co.jp">ヤフージャパン</a> </body> </html>

  • html リンク文字の背景色について

    <style type="text/css"> <!-- a:link { background-color :#000000; } --> </style> こんな感じでリンク文字に背景色をつけているのですが、 その背景色の縦幅・横幅はどうやったら指定できますでしょうか。 教えてください。

  • javascriptについての質問です

    先ほどと同じ質問ですが黒、ディムグレイ、灰、黒灰、銀、ライト灰、白の順でひだり側から文字でなくて色だけを間隔なしで表示させたいのですがなかなかうまくいきませんどなたかお教えください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>文字の色を変える、</title> </head> <body bgcolor="#ffffff"> <script language="JavaScript" type="text/javascript"> <!-- //#RRGGBB形式による色の設定 var myStr; <span style="border:thin solid red" ><span style="color:white;background-color:#000000">Black</span ><span style="color:white;background-color:#696969">Dimm gray</span ><span style="color:white;background-color:#808080">Gray</span ><span style="color:black;background-color:#A9A9A9">Dirk gray</span ><span style="color:black;background-color:#C0C0C0">Silver</span ><span style="color:black;background-color:#D3D3D3">Light gray</span ><span style="color:black;background-color:#FFFFFF">White</span ></span> document.write //--> </script> </body> </html>

  • cssで文字背景を透明化できますか?

    cssで文字背景を透明化できますか? 文字の背景にbackground-colorで色をつけ、その色を透けて見せたいのですが、 わかりません・・。 「-moz-opacity:50;」とか「filter:alpha(opacity=50);」などで色の透明効果を 出せるとありましたが、ソースをどう記述すればいいのかわかりません。 よろしくお願いしますm(_ _)m

  • 掲示板の背景に画像を固定したのですが・・・

    初めまして 検索したのですが、これといった回答が見つからず新記事立てさせて頂きました 掲示板を作成し、スタイルシートを記述する欄があったので 背景画像(○○.gif)を右下に固定しよう・・・と思ったのですが 画像が背景だけではなく、スレッドの背景にも適用されてしまったみたいです これの直し方(正しいスタイルシートの表記)について、ご助力お願いします 見よう見まねの記述なのでとりあえず全て載せてみます(スタイルシート欄に記述した全文) <STYLE type="text/css"><!-- body { scrollbar-face-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#7323c4; scrollbar-3dlight-color:#7323c4; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#7323c4; scrollbar-darkshadow-color:#ffffff; } BODY,TD,TH{ line-height:16pt; background-image : url(○○.gif); background-repeat : no-repeat; background-attachment : fixed; background-position : right bottom; } a{ text-decoration:none; cursor:s-resize; } --> </STYLE> どうぞよろしくお願いいたします

    • ベストアンサー
    • HTML
  • スタイルシートで

    外部スタイルシートのみでリンクの上にマウスが乗ったら背景の色が変わるようにしているのですが、 a:link {background-color: #FFFFFF;} a:hover {background-color: #000000;} a:visited {background-color: #FFFFFF;} この場合、一度リンクしたら次にマウスが乗っても変化しません。外部スタイルシートのみでうまくいく方法はあるのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • h2 背景色 透明化

    お世話になります。 h2の件でもう一つ h2背景色を透明化(薄くする) 方法を教えてください。 同様にボックス内、背景色の透明化についても 教えてください。 CSS および htmlお願いでき無いでしょうか。 style="filter:alpha(opacity=70) 色々試しているのですが どの場所に入れたらいいですか? ちなみに下記の通りです。 <style type="text/css"> <!-- .style1 {   font-size: 14px; border: thin solid #00CC66; color: #FFFFFF;       background-color: #99FF99; } --> </style> 外部に書く場合もお願いできますでしょうか。 お手数かけますが宜しくお願い致します。