Lợi dụng CSS, thiết trí bán thấu minh bối cảnh
Tại tố hiệt diện khai phát thời, hữu thời vi liễu hữu canh hảo đích hiển kỳ hiệu quả, ngã môn nhu yếu vi nhất ta nguyên tố thiết trí bán thấu minh bối cảnh. Hạ diện ngã môn lai khán hạ chẩm dạng lợi dụng CSS3, lai thiết trí canh hảo đích bán thấu minh hiệu quả.
Thao tác phương pháp
Tiên tả ta trắc thí đại mã, trắc thí HTML ngận giản đan, tựu thị nhị cá div, nhất cá khảm sáo tại lánh nhất cá lí diện, đại mã như đồ.
Nhiên hậu vi nhị cá div tả thượng đối ứng đích dạng thức, như đồ, đô thị nhất ta bỉ giác cơ sở đích css đại mã, vi liễu hiển kỳ thấu minh hiệu quả, ngã môn tại dạng thức vi p1 đích div lí, thiêm gia liễu nhất trương bối cảnh đồ.
Tiên khán hạ hoàn một thiêm gia thấu minh hiệu quả đích hiệt diện.
Yếu thiêm gia thấu minh hiệu quả, ngã môn khả dĩ vi div thiêm gia opacity dạng thức, giá thị css2 đích tố pháp, đại mã như đồ, thiêm gia liễu nhất cá dạng thức quy tắc.opacity, tịnh tại p2 div lí gia thượng giá cá dạng thức danh
Khán hạ thiết trí liễu thấu minh hiệu quả đích hiệt diện. Thấu minh hiệu quả thị thật hiện liễu, phụ div đích bối cảnh đồ khả dĩ đầu xạ xuất lai. Đãn hữu nhất cá khuyết hãm, tựu thị div thượng đích văn tự biến mô hồ liễu, nhân vi dã hữu liễu thấu minh hiệu quả.
Vi liễu giải quyết giá cá khuyết hãm, ngã môn dụng lánh nhất chủng phương pháp, dụng css3 đích phương pháp lai thật hiện thấu minh. Đại mã như đồ, chủ yếu thị thông quá rgba lai thiết trí p2 div đích bối cảnh sắc, nhiên hậu thông quá đệ tứ cá tham sổ lai thiết trí thấu minh độ: background: rgba(138, 197, 0, 0.6); ( nhu yếu tiên khứ điệu nguyên lai p2 dạng thức lí đích bối cảnh sắc đại mã )
Tái khán hạ hiện tại đích hiệu quả. Khả dĩ khán đáo hiện tại hữu thật hiện liễu thấu minh hiệu quả, thả văn tự hoàn thị thanh tích, tịnh một hữu biến mô hồ.