简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

CSS让div背景透明

高洛峰
Lepaskan： 2016-10-11 11:09:54
asal
1590 orang telah melayarinya

div背景透明样式：

样式代码：

.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;}
Salin selepas log masuk

使用方法：

背景透明

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>100素材网</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>
<div class="alert">100素材网</div>
</body>
</html>
Salin selepas log masuk


Label berkaitan：
CSS让div背景透明
sumber：php.cn
Artikel sebelumnya：CSS实现高亮光弧效果 Artikel seterusnya：网站 换肤
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Lengkung tepi bawah div ke dalam menggunakan CSS Saya ingin membengkokkan tepi bawah div/latar belakang segi empat tepat ini menggunakan CS...
daripada 2023-10-23 19:55:32
0
2
335
Div dengan potongan separuh bulatan lutsinar Saya mahu membuat bentuk separuh bulatan yang telus menggunakan CSS3 sahaja. Satu-satunya ...
daripada 2023-10-22 17:51:09
0
2
303
Tukar kelegapan imej latar belakang sambil mengekalkan keterlihatan elemen kanak-kanak Adakah mungkin untuk menetapkan kelegapan imej latar belakang tanpa menjejaskan kelegapan ...
daripada 2023-10-10 19:40:19
0
1
257
Bagaimana untuk mengaktifkan pautan dan elemen div pada masa yang sama? Apabila saya menuding pada elemen div, hanya ia menyala, pautan tidak. Adakah terdapat car...
daripada 2023-09-16 16:59:06
0
1
503
Cara menggunakan div lutsinar untuk mencapai kesan kabur latar belakang halaman Saya mempunyai kod untuk halaman web di mana saya ingin mengaburkan latar belakang melalui...
daripada 2023-09-14 21:09:28
0
1
164
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！