28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai suivi le guide d'Alsacréation pour se faire sa propre "info-bulle", mais je voudrais trouver une solution pour qu'elle n'apparaisse pas à l'impression.

Sur une seconde feuille de style d'impression, je n'arrive pas à trouver les paramètres qui permettent de n'afficher que le texte principal, mais malgré plusieurs tentatives, ça ne marche pas.

J'ai essayé ça :
a.detail {
	position: relative;
	text-decoration: none;
	color: black;
	border-bottom: 1px gray dotted;
}
a.detail span {
	display: none;
}
a.detail:hover {
	background: none; 
}
a.detail:hover span {
	display: none;
	position: absolute;
	z-index: 500;
	top: 2em;
	left: 1em;
	background: orange;
	text-align: center;
	color: white;
	padding: 2px;
}


Si vous avez une idée ?

Merci
J'ai essayé, mais ça laisse un trou blanc à la place du mot (que je laisse ou que j'enlève les 2 autres propriétés :a.detail et a.detail:hover)

Merci de ton aide