mozilla

Compare Revisions

click

Change Revisions

Revision 402259:

Revision 402259 by Sheppy on

Revision 615503:

Revision 615503 by cvrebert on

Title:
click
click
Slug:
Web/Reference/Events/click
Web/Reference/Events/click
Content:

Revision 402259
Revision 615503
tt70    <h2 id="Browser_compatibility">
71      Browser compatibility
72    </h2>
73    <p>
74      Internet Explorer 8 &amp; 9 suffer from a bug where element
 >s with a computed {{cssxref("background-color")}} of <a href="/en
 >-US/docs/Web/CSS/color_value#transparent_keyword"><code>transpare
 >nt</code></a> that are overlaid on top of other element(s) won't 
 >receive <code>click</code> events. Any <code>click</code> events 
 >will be fired at the underlying element(s) instead. See <a href="
 >http://jsfiddle.net/YUKma/show/">this live example</a> for a demo
 >nstration.
75    </p>Known workarounds for this bug:
76    <ul>
77      <li>For IE9 only:
78        <ul>
79          <li>Set <code>{{cssxref("background-color")}}: <a href=
 >"/en-US/docs/Web/CSS/color_value#rgba()">rgba</a>(0,0,0,0)</code>
80          </li>
81          <li>Set <code>{{cssxref("opacity")}}: 0</code> and an e
 >xplicit {{cssxref("background-color")}} other than <a href="/en-U
 >S/docs/Web/CSS/color_value#transparent_keyword"><code>transparent
 ></code></a>
82          </li>
83        </ul>
84      </li>
85      <li>For IE8 and IE9: Set <code><a href="http://msdn.microso
 >ft.com/en-us/library/ms532847(v=vs.85).aspx">filter</a>: alpha(op
 >acity=0);</code> and an explicit {{cssxref("background-color")}} 
 >other than <a href="/en-US/docs/Web/CSS/color_value#transparent_k
 >eyword"><code>transparent</code></a>
86      </li>
87    </ul>

Back to History