J'ai un bouton dans ma page HTML avec une couleur d'arrière-plan de blanc puis une portée avec du texte Bonjour. J'ai enveloppé mon bouton et entre dans un div avec une superposition d'identifiant. À cette identification de superposition, je donne une couleur de fond de brun avec z-index de 10. Mais la couleur brune ne vient pas sur le bouton. Quel peut être le problème?
p>
<div id="overlay"> <button>Next</button> <span>hello</span> </div>
6 Réponses :
bouton de jeu fond code> marron aussi
Impossible de changer le bouton CSS. Seule la superposition CSS peut être modifiée.
@Raghavgupta j'ai mis à jour mon code maintenant chèque
Vous avez donné de l'arrière-plan: blanc à boutonner c'est pourquoi il montrent de blanc en arrière-plan, il suffit de remplacer la (arrière-plan: blanc;) à (arrière-plan: transparent;) et modifier la propriété couleur du bouton pour la couleur; P >
Non, je ne peux pas changer le bouton de l'arrière-plan. Seule la superposition CSS peut être modifiée. Le but de la superposition est de couvrir les éléments à l'intérieur.
z-index code> fonctionne uniquement avec des éléments positionnés. Il y a des positions statiques dans votre code. Le bouton apparaît après le conteneur de superposition. P>
Premièrement, vous devez comprendre que dans la structure DOM, les éléments sont empilés sur leurs parents par défaut. Donc, le fond de l'enfant va éclipser le fond des parents. Créer des effets comme la superposition; Vous devez utiliser des structures de position (Absolute) ou Z-index pour l'empiler vers le haut. P>
<div id="overlay"> <button>Next</button> <span>hello</span> </div>
Avez-vous besoin de cette chose ou vous voulez montrer la superposition sur la survol?
Oui cela résout.
Je ne sais pas si vous cherchez cela. Cela rendra le bouton transparent et rendra le bouton non cliquable, à l'aide de CSS
P>
<div id="overlay"> <button>Next</button> <span>hello</span> </div>
Est-il nécessaire que la superposition b> doit être sur le parent? Cela peut être fait s'il est correct de créer un autre élément enfant qui agira comme une superposition
z-index code> n'a aucun effet sur les couleurs d'arrière-plan. Qu'est-ce que vous essayez exactement d'accomplir?