Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> #a{ padding:30px; background-color:black; opacity:0.3; } #b{ padding:30px; background-color:rgba(0,0,0,0.3); } </style> </head> <body> <p>- Phần tử #a được thiết lập độ trong suốt bằng thuộc tính opacity.</p> <p>=> nó gây ảnh hưởng đến các phần tử con của nó.</p> <div id="a"> <img src="../image/cat.jpg" style="height:150px"> </div> <p>- Phần tử #b được thiết lập độ trong suốt bằng việc sử dụng giá trị rgba()</p> <p>=> nó không gây ảnh hưởng đến các phần tử con của nó.</p> <div id="b"> <img src="../image/cat.jpg" style="height:150px"> </div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> #a{ padding:30px; background-color:black; opacity:0.3; } #b{ padding:30px; background-color:rgba(0,0,0,0.3); } </style> </head> <body> <p>- Phần tử #a được thiết lập độ trong suốt bằng thuộc tính opacity.</p> <p>=> nó gây ảnh hưởng đến các phần tử con của nó.</p> <div id="a"> <img src="../image/cat.jpg" style="height:150px"> </div> <p>- Phần tử #b được thiết lập độ trong suốt bằng việc sử dụng giá trị rgba()</p> <p>=> nó không gây ảnh hưởng đến các phần tử con của nó.</p> <div id="b"> <img src="../image/cat.jpg" style="height:150px"> </div> </body> </html>