13.07.2015 Views

Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Part II: PropertiesFigure 11-25bIn Figure 11-25c, you find that the z-index is being ignored; the element with id name one is stillon the bottom. This fulfills the rule that an element’s descendents cannot have a higher z-index thanit does.Figure 11-25cThe IE 6/IE 7 z-index BugIE 6 and IE 7 support the z-index property just fine, but both browsers have trouble with the z-indexproperty in certain situations. It doesn’t take a vary complex design to invoke these bugs either, so anyonelooking to utilize positioning in a layout should be aware of how to spot and crush these bugs. Inthe following source, you actually see two IE 6/IE 7 bugs. The first bug has to do with z-index stacking,and the other has to do with spacing between elements. The example in Figure 11-26 demonstratesthese bugs.434

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!