Summary: | can't click on link on Fidelity.com index fund page | ||||||
---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Darin Adler <darin> | ||||
Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||
Status: | RESOLVED WORKSFORME | ||||||
Severity: | Normal | CC: | ap, ian, mitz, simon.fraser | ||||
Priority: | P2 | Keywords: | HasReduction, InRadar | ||||
Version: | 523.x (Safari 3) | ||||||
Hardware: | Mac | ||||||
OS: | OS X 10.4 | ||||||
URL: | http://personal.fidelity.com/products/funds/funds_frame.shtml.cvsr | ||||||
Attachments: |
|
Description
Darin Adler
2007-03-10 11:09:30 PST
The links are contained in a div with z-index -1. Changing the z-index to 0 or higher makes the links responsive. Created attachment 13579 [details] Reduction > The links are contained in a div with z-index -1. Changing the z-index to 0 or > higher makes the links responsive. That appears to be all there is to it. My understanding is that this behavior is correct according to the CSS2.1 spec. Maybe Ian can comment on this. The <body> element does not establish a stacking context. The root element does. Therefore the <div> is a stacking context inside of the root with a negative z-index. That means it is underneath the <body> element. Since backgrounds are not "click-through" in CSS even when transparent, this means that the <body> is what is hit, not the contents of the <div>. This test case does indicate to me that perhaps CSS should revisit whether or not the <body> establishes a stacking context or not. This should probably be evangelized I guess. This is not reproducible with Safari 4.0.5 or Safari 5, possibly due to site change. |