• ベストアンサー

bodyの背景と異なる背景色で、同じ文字色の見出し

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

  • HTML
  • 回答数1
  • ありがとう数0

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

それはありません。  どこから得たデマか知りませんが・・・  ただ、{background-color:blue;color:lightskyblue}はアクセシビリティ(WAI)では、望ましいとは言えないでしょう。  ⇒WAIガイドライン:ページ制作( http://www.doraneko.org/wai/contents10/19980918/Overview.html )

関連するQ&A

  • 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>

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

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

  • 閲覧時に背景色、文字色をcssで変更したい

    WindowsXP、Firefox3を使用しています。 白背景に黒文字という一般的なウェブページの配色はまぶしいので、 Stylishというアドオンを使ってcssで背景色、文字色を変更しようと思い、 以下のようなcssを作成しました。 ------------------------ここから body { color: #696969 !important; background-color: #dcdcdc !important; background-image:none !important; } td { color: #343434 !important; background-color: #d3d3d3 !important; background-image:none !important; } ------------------------ここまで しかし、これだと色が変更できない領域があります。 例えば、 http://www.yahoo.co.jp/  ……一番下?の背景色しか変わりません http://www.4gamer.net/   ……一切変化しません http://www.flay.com/    ……背景色は変わりますが、文字色が変わりません アドオンを使わず、userContent.cssを使う方法にしても結果は同じようです。 どのウェブページでも背景色と文字色を変更するには、どう記述すればよいのでしょうか?

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

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

  • タイトル文字の背景について

    素人でhtmlでHPを作っています。 タイトル文字の背景に色を付けたいのですが、上下左右に無色の5mm程のスペースができてしまいます。 h2{ text-align: left; color: white; background-color: blue; line-height: 100px; } 全体をblueにするにはご教授お願いします。

  • ユーザースタイルシートで文字色、背景色が変更できない

    以前も同様の質問をしたのですが、題名と内容がわかりづらかったのでもう一度質問させていただきます。 Internet Explorer7、Firefox3でユーザースタイルシートを使い、ウェブブラウジング中に文字色と背景色を変更したいと思います(WindowsXP sp2です)。 それで以下のようなcssを書きました。 ----------------------ここから html head+body { color: #464646 !important; color: #464646 !important; color: #464646 !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-image:none !important; background-image:none !important; background-image:none !important; } td { color: #464646 !important; color: #464646 !important; color: #464646 !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-image:none !important; background-image:none !important; background-image:none !important; } ----------------------ここまで これをユーザースタイルシートとして指定すると、色が変更できる場合もありますが、 サイトよっては一部の色が変更されません。 (例) 大部分の色が変更できるサイト http://www.kuronekoyamato.co.jp/ 一部しか色が変更できないサイト http://www.yahoo.co.jp/ http://www.4gamer.net/ 結果はIEとFirefoxで少し違いますが、色が完全に変更できない点は同じです。 色を完全に変更するには、どういう記述をすればよいのでしょうか? それとも、ユーザースタイルシートではそういうことはできないのでしょうか?

    • ベストアンサー
    • HTML
  • gooブログにおける見出しの背景画像について

    gooブログを始めたばかりです。テンプレートカスタムブルーでCSSを編集し、下記のように見出しh1 h2 h3の後ろに背景画像を設定しようとしたのですが、画像の上に文字が乗りません。画像のポジションを調整することもできません。どうしてなのでしょうか? どなたかおわかりの方、ご教示ください。よろしくお願いします。 h3{ width: 640px; font-size: 1.1em; background-image : url(midashi13.png); background-position: 0px 0px; background-repeat: no-repeat; font-weight: bold; color: #007200; }

    • ベストアンサー
    • CSS
  • 背景が透けると文字も透ける

    初心者ですが、本やネットをみながらHPを作成しています。 そこで、背景画像の上に文字を入れると読みにくいので 画像を透けさせようとテーブルを作成したのですが 同時に文字も透けてしまい、読みにくさは変わりません。 どうすれば良いでしょうか? タグは以下の通りです。 <table align="center" style="background-color:#c0c0c0; filter:Alpha(opacity=50);" height="600" width="400"> <tr><td> <font size="-1" color="#000000">文字文字文字 </font> </td></tr> </table>

    • ベストアンサー
    • HTML
  • bodyから左右に15pxずつ背景画像をのばしたい

    cssの基本設定ですが、 背景色をひき、さらにbodyから左右に15pxずつ背景画像をのばしたい という設定を試みていますがうまくいかずご教授いただけたらと思い書き込みさせていただきました。 背景色が #9999cc これを全面に表示し 背景画像を width 800pxで作り下にリピート そしてbodyが width 770pxの #ffffffの白色です。 そして cssで記述して表示してみたところ safaiではきちんと表示されるのですが、firefoxではbodyの幅までしか背景画像が表示されていません。 bodyから左右に15pxずつ背景画像をのばしたいのですが、どうやればよいでしょうか。 現在の状況ですが、 /* ここからcss ------------------------------------ */ *{ color: #333333; font-size: 12px; line-height: 20px; text-decoration: none; margin: 0; padding: 0; word-wrap:break-word; } html { height: 100%; margin: 0px; padding: 0px; background-color: #9999cc; background-image:url(../img/bg.jpg); background-position:center; background-repeat:repeat-y; } body { margin: 0px; padding:0px; color: #333; text-align:center; font-family:"メイリオ",Meiryo,"MS Pゴシック", Osaka, sans-serif; } 本当に困っております。 誰かわかる方がいらっしゃればよろしくおねがいいたします。

    • ベストアンサー
    • CSS
  • 携帯サイト:文字の背景色について

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

専門家に質問してみよう