Ce que vous avez toujours voulu savoir sur CSS

Vincent De Oliveira · KiwiParty juin 2013

Vincent De Oliveira

CSS, c'est simple!

  • Hum...
  • Pourtant, on est tous passé par là:
.element{
	padding: 15px;
	width: 98.32%; /* pas compris, mais ça déborde à 98.33% */
	position: relative; /* faut pas enlever */
	overflow: hidden; /* ça non plus, tout foire sinon */
	z-index: 9875687; /* p***, ça veut pas passer au-dessus! */
}

<td>CSS sucks</td>

NOPE

Contexte d'empilement: opacité!

  • L’opacité <1 crée un contexte d’empilement!
  • Et en CSS3:
    • transform != none
    • transform-style: preserve-3d
    • filter != none
    • clip-path, mask

Contexte d'empilement: opacité!

.parent{
	
}
.enfant{
	position: absolute;
	z-index: -1;
}

Merci, questions?

Vincent De Oliveira · @iamvdo

Les slides: iamvdo.me/conf/2013/kiwiparty/