CSSの背景設定background:none;の正しい書き方

長くなりましたんで、先に結論書いておきますね。

結論

CSSで背景をナシにしたいときは、
background : none;
を使う

以下、詳細解説です。

CSSのバックグラウンドプロパティで、背景をオフにしたい場合、次のようないくつかの書き方があります。

background-image : url(none);
background-image : none;
background-image : url();
background : url(none);
background : none;
background : url();

W3CのCSSValidatorに通すと、どれもエラーはありません。つまり、CSSの文法的にはどれも正しい。

じゃあどれでもいいじゃん、という話になりそうですが、しかし、サーバーのログを見てみると、この中のいくつかはnoneというファイルを実際にサーバーに要求してしまい、404エラーが出ていることが分かりました。以下、検証結果です。

検証に使ったファイル

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
<!--
.example {
	background: url(none);
}
-->
</style>
</head>
 
<body>
<p class="example">TEST</p>
 
</body>
</html>

404エラーが出るもの

.example  {
background-image : url(none);
}
アクセスログ
212.123.456.789 – – [30/Jan/2009:10:00:15 +0900] “GET /test.html HTTP/1.1” 200 411
212.123.456.789 – – [30/Jan/2009:10:00:15 +0900] “GET /none HTTP/1.1” 404 281
エラーログ
[Fri Jan 30 10:00:15 2009] [error] [client 212.123.456.789] File does not exist: /home/dacelo/html/none, referer: http://example.com/test.html
.example  {
background : url(none);
}
アクセスログ
212.123.456.789 – – [30/Jan/2009:09:58:55 +0900] “GET /test.html HTTP/1.1” 200 404
212.123.456.789 – – [30/Jan/2009:09:58:55 +0900] “GET /none HTTP/1.1” 404 281
エラーログ
[Fri Jan 30 09:58:55 2009] [error] [client 212.123.456.789] File does not exist: /home/dacelo/html/none, referer: http://example.com/test.html

この2つはいずれも、url(none)で、実際にnoneというファイルをリクエストしてしまい、結果として404エラーが返ってきていることが分かりました。

広告

404ではないが不要なリクエストがあるもの

.example {
background : url();
}
アクセスログ
212.123.456.789 – – [30/Jan/2009:10:03:41 +0900] “GET /test.html HTTP/1.1” 200 401
212.123.456.789 – – [30/Jan/2009:10:03:41 +0900] “GET /test.html HTTP/1.1” 200 401

これは、a href=””と書いたとき等と同じように、そのファイル自体のリクエストと見なされています。背景色にhtmlファイルの指定は無効なので無視されるため、結果として何も表示されなくなりますが、無駄なトラフィックが生じています。
background-image : url();
の場合も同様です。

エラーが出ないもの

.example  {
background-image : none;
}
アクセスログ
212.123.456.789 – – [30/Jan/2009:10:01:01 +0900] “GET /test.html HTTP/1.1” 200 406
.example  {
background : none;
}
アクセスログ
212.123.456.789 – – [30/Jan/2009:10:01:53 +0900] “GET /test.html HTTP/1.1” 200 400

この2つはどちらも問題ありませんでした。

まとめ

backgroundでもbackground-imageでもどちらでも良いが、url(none)にすると404エラーになる。

結論

CSSで背景をなしにしたいときは、
background : none;
を使う

About: dacelo


11 thoughts on “CSSの背景設定background:none;の正しい書き方”

  1. Hi,

    I’m from Germany and can’t read any of this “mystic” characters, but I got the right hint to prevent hundrets of “GET /none HTTP/1.1” 404 Errors in my Webserver Logs..

    Thanks 🙂

    best wishes

    Sven

  2. Pingback: オージャ浅倉
  3. ####### OPVA ########
    ULTIMATE РТНС COLLECTION
    NO PAY, PREMIUM or PAYLINK
    DOWNLOAD ALL СР FOR FREE

    Description:-> gg.gg/11coqx

    Webcams РТНС 1999-2022 FULL
    STICKAM, Skype, video_mail_ru
    Omegle, Vichatter, Interia_pl
    BlogTV, Online_ru, murclub_ru

    Complete series LS, BD, YWM
    Sibirian Mouse, St. Peterburg
    Moscow, Liluplanet, Kids Box
    Fattman, Falkovideo, Bibigon
    Paradise Birds, GoldbergVideo
    Fantasia Models, Cat Goddess
    Valya and Irisa, Tropical Cuties
    Deadpixel, PZ-magazine, BabyJ
    Home Made Model (HMM)

    Gay рthс collection: Luto
    Blue Orchid, PJK, KDV, RBV

    Nudism: Naturism in Russia
    Helios Natura, Holy Nature
    Naturist Freedom, Eurovid

    ALL studio collection: from
    Acrobatic Nymрhеts to Your
    Lоlitаs (more 100 studios)

    Collection european, asian,
    latin and ebony girls (all
    the Internet video) > 4Tb

    Rurikon Lоli library 171.4Gb
    manga, game, anime, 3D

    This and much more here:
    or –> gg.gg/ygjj7
    or –> url.pm/hRfA1
    or –> u2b.eu/ua
    or –> v.ht/LEYc
    or –> cutt.us/jKbHA
    or –> gg.gg/ntwgr
    or –> v.ht/kIy2
    or –> gurl.pro/k6ftqd
    or –> gg.gg/ntwhd

    ###### Caution! ######
    ALL premium big parts rar
    (mix.part01..) or huge
    archives – scam. Paylinks
    (bit_ly lmy_de aww_su and
    other) – virus. Be careful.
    —————–
    —————–
    000A000251

  4. :::::::::::::::: ONLY THE BEST ::::::::::::::::

    Content from TOR websites Magic Kingdom, TLZ,
    Childs Play, Baby Heart, Giftbox, Hoarders Hell,
    OPVA, Pedo Playground, GirlsHUB, Lolita City
    More 3000 videos and 20000 photos girls and boys

    h**p://gg.gg/11cpkv
    h**p://url.pm/PwIlz
    h**p://gurl.pro/9t0nuz

    Complete series LS, BD, YWM, Liluplanet
    Sibirian Mouse, St. Peterburg, Moscow
    Kids Box, Fattman, Falkovideo, Bibigon
    Paradise Birds, GoldbergVideo, BabyJ

    h**p://gg.gg/11cpmf
    h**p://v.ht/Qdyqg
    h**p://cutt.us/SpGJZ

    Cat Goddess, Deadpixel, PZ-magazine
    Tropical Cuties, Home Made Model (HMM)
    Fantasia Models, Valya and Irisa, Syrup
    Buratino, Red Lagoon Studio, Studio13

    Caution!
    ALL premium big parts rar
    (mix.part01..) or huge
    archives – scam. Paylinks
    (bit_ly lmy_de aww_su and
    other) – virus. Be careful.
    —————–
    —————–
    000A000651

Leave a Reply

Your email address will not be published. Required fields are marked *