Maison > Article > interface Web > Exemple d'analyse de la façon de définir le style transparent d'arrière-plan div avec CSS
Exemple d'analyse de la façon de définir le style transparent d'arrière-plan div avec CSS
- 黄舟original
- 2017-07-20 10:24:311768parcourir
p style transparent d'arrière-plan :
code de style :
.alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */
opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%;
top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index:99;
text-align:center; padding:20px;}utilisation :
<p class=”alert”> 背景透明 </p>
code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-
equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
.alert
{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%;
top:50%;margin-top:-150px;margin-left:
-250px;position:absolute;z-index:99; text-align:center; padding:20px}
</style>
</head>
<body>
<p class="alert"><a href="http://www.100sucai.com">www.100sucai.com</a></p>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
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
Article précédent：Exemple de la façon dont CSS rend l'arrière-plan transparent et le texte opaqueArticle suivant：Exemple de la façon dont CSS rend l'arrière-plan transparent et le texte opaque