Opacity on Images for Web Development

CSS Style --

        input[type="image"].disabled {
         /* Required for IE 5, 6, 7 */
         /* ...or something to trigger hasLayout, like zoom: 1; */
         /*/width: 100%; */
  
         /* Theoretically for IE 8 & 9 (more valid) */ 
         /* ...but not required as filter works too */
         /* should come BEFORE filter */
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 
         /* This works in IE 8 & 9 too */
         /* ... but also 5, 6, 7 */
         filter: alpha(opacity=35);
 
         /* Older than Firefox 0.9 */
         -moz-opacity:0.35;
 
         /* Safari 1.x (pre WebKit!) */
         -khtml-opacity: 0.35;
    
         /* Modern!
         /* Firefox 0.9+, Safari 2?, Chrome any?
         /* Opera 9+, IE 9+ */
         opacity: 0.35;
 
            cursor:default;
        }

 

 

 function enableElement(element) {
        $(element).removeClass('disabled').prop('disabled', false);
    }

 
    function disableElement(element) {
        var obj = $(element);
        obj.prop('disabled', true);
        if (obj.prop('tagName') === 'INPUT' && obj.prop('type') === 'image') {
            obj.addClass('disabled');
        }
    }

 

 

Thanks Josh Horton...  Web Developer GURU....