Run
<!doctype html> <html lang="en"> <head> <title>CSS Apply Background Transparency Using Opacity</title> <style> .main-divopc{ background-image: url(../../wp-content/uploads/2018/10/best-ide-text-editor.jpg); background-attachment: scroll; padding: 20px; } .transparent-bgopc{ background: orange; padding: 20px; color: #fff; text-align: center; font-size: 26px; opacity: 0.6; } </style> </head> <body> <h2>CSS Apply Background Transparency Using Opacity</h2> <div class="main-divopc"> <div class="transparent-bgopc"> Transparent Background </div> </div> </body> </html>
Go to
Tutorialdeep Homepage