masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > <body>的background-image和background-color层次问题_html/css_WEB-ITnose

<body>的background-image和background-color层次问题_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-21 09:48:38
asal
1920 orang telah melayarinya

body {		background-image:url(pics/bg.png);		background-repeat:repeat;		background-color:#069;}
Salin selepas log masuk

设置成这样，但背景颜色总是会覆盖在背景图片上，怎么能让背景图片在背景颜色上从而不受背景颜色影响？

回复讨论(解决方案)

你路径写错了呗。

背景图片，会覆盖背景色的，看下路径，在调试工具里，看下这个图片，是不是成功加载过来了。

图片路径不对吧

你路径写错了呗。

背景图片，会覆盖背景色的，看下路径，在调试工具里，看下这个图片，是不是成功加载过来了。
很确定背景图片已经加载了，和背景颜色叠加在一起出现了奇特的效果。

你确定加载了，那就看下，body下的第一个子元素，是不是占据整个body的，是不是你在这个子元素上面，设置了颜色。

再仔细检查下你的代码，颜色覆盖背景图片。还真是没有见过。

你把body的颜色去掉，看看会不会出背景色，就能确定，是不是背景图片被颜色覆盖了。

background：#069 url(pics/bg.png) no-repeat center center;

你的背景图片是png格式的，不要告诉我，撒是png这个你不懂

你的背景图片是png格式的，不要告诉我，撒是png这个你不懂
好吧，是图片半透明了

Label berkaitan：
&lt;body&gt;的background-image和background-color层次问题
sumber：php.cn
Artikel sebelumnya：这种浮动在边框边缘的效果怎么做？_html/css_WEB-ITnose Artikel seterusnya：如何在网页标签中添加图片_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2258
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2393
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
2007
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1893
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1959
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan