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
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
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
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;
を使う
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
感谢,我找到问题所在了
http://t.co/XJz0dMoz こういう落とし穴があったりするから困る。「背景無し」をDWで指定するとデフォルトでは「background : url(none);」と記述されるので注意が要る。
まだ私には勉強が必要です。
“backgroundでもbackground-imageでもどちらでも良いが、url(none)にすると404エラーになる。”
◇クッキー多数。◇参考
Welcome to the world of adult Dating loveawake.ru
####### 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
:::::::::::::::: 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