Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-2431

Disabled menu and tool bar icons not transparent in IE8

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Minor Minor
    • None
    • 7.0.2
    • Browser Issue, CSS
    • Windows 7 64bit, Internet Explorer 8, Chrome, Breeze theme

    • None

      Icons of menu items and tool bar buttons should be slightly transparent when disabled. They are in Chrome. But in IE 8, they are not and appear like enabled icons.

       
      <a title="Title" disabled="disabled" class="z-toolbarbutton" id="z_26">
          <span class="z-toolbarbutton-content" id="z_26-cnt">
              <img align=absMiddle src="/.../image/image.gif">
      

      Investigating the css on the z-toolbarbutton I found:

      zk.wcs:234
      .z-toolbarbutton[disabled] {
          opacity: .6; (for real browsers) 
          filter: alpha(opacity=60); (for IE)
          filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); (for IE).
      }
      

      Opacity works in Chrome and FF, but filter does not work in IE8. I was able to make it work though:

       
      .z-toolbarbutton[disabled] img {
          filter: alpha(opacity=60);
      }
      

      Note the img. I guess that a similar fix would apply to menu items.

            ChunfuChang ChunfuChang
            Guido2406 Guido2406
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated: