communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer： 2016-06-21 09:48:38
original
1897 Les gens l'ont consulté

body {		background-image:url(pics/bg.png);		background-repeat:repeat;		background-color:#069;}
Copier après la connexion

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

回复讨论(解决方案)

你路径写错了呗。

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

图片路径不对吧

你路径写错了呗。

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

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

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

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

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

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

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

Étiquettes associées：
<body>的background-image和background-color层次问题
source：php.cn
Article précédent：这种浮动在边框边缘的效果怎么做？_html/css_WEB-ITnose Article suivant：如何在网页标签中添加图片_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1915
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
10
2089
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1758
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1660
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1668
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal