Syntax
<style type="text/css"> #border a img { border: 2px solid blue; } #border a:hover { background: transparent; /* for IE6 */ } #border a:hover img { border-color: red; } #opacity a img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* for IE9- */ opacity: 0.5; /* for IE9+, Std */ } #opacity a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* for IE9- */ opacity: 1; /* for IE9+, Std */ } </style>
<div id="border"> <a href="#"><img src="../../../images/100x100.png" alt="" /></a> </div> <div id="opacity"> <a href="#"><img src="../../../images/100x100.png" alt="" /></a> </div>
Example
