- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Add transparency to the background with CSS
Use the opacity property to add transparency to the background of an element. You can try to run the following code to work.
Example
<!DOCTYPE html> <html> <head> <style> div { background-color: #808000; padding: 20px; } div.one { opacity: 0.2; filter: alpha(opacity=20); } div.two { opacity: 0.5; filter: alpha(opacity=50); } </style> </head> <body> <h1>Heading</h1> <p>Check transparency in the below section:</p> <div class = "one"> <p>opacity 0.2</p> </div> <div class = "two"> <p>opacity 0.5</p> </div> <div> <p>opacity 1</p> </div> </body> </html>
Advertisements