Home/ Questions/Q 152329
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T09:36:14+00:00

I’d like the image to bleed into the container div.imgborder and i’d like the

  • 0

I’d like the image to bleed into the container div.imgborder and i’d like the bleeding to be semitransparent (like an opaque glass effect). Is there a way to achieve this via CSS or maybe setting an image background with some opacity on the div.imgborder? 

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN'         'http://www.w3.org/TR/html4/strict.dtd'> <html> <head> <title></title>  <meta name='keyword' content=''> <meta name='description' content=''>  <link rel='stylesheet' href='reset.css'>  <style type='text/css'>     body {       background-color: #ccc;        }      div#container {       width: 960px;       margin-left: auto;        margin-right: auto;       margin-top: 50px;     }      img#myimg {       overflow: visible;     }      div.imgborder {       background-color: #222;       opacity: 0.9;       width: 160px;       height: 160px;       padding: 10px;     }   </style>  </head> <body>     <div id='container'>          <div class='imgborder' align='center'>             <img src='bar.jpg' alt='' width='160' height='160' id='myimg' />         </div>      </div> </body> </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. You can create a PNG file with the semi-transparent effect you like and add this as background. Any modern browser will this render correctly and create the effect you want.

    • 0