1. The body is labeled as a boby
2、background:url(../img/nav_bg.png) no-repeat;
) and no-repeat need a space. If no space is used, other browsers will parse it, but IE6 will not
3. Wrong words. .
Technical review
1、.icon:hover{}
Changes made by the mouse on this icon are not clicks.
position-relative: relative to the normal position (original position of the frame);
ex:
position-relative;
left:20px;
Move 20px to the left for its normal position;
position-absolute: heard relative to the parent element
2. Mouse pointer changes
<span style="cursor:auto">
Auto</span>
3. A border that half-covers something,
There are two upper and lower containers. The upper container is wider than the lower container. To achieve the effect that these two containers are connected containers, as shown in the figure
(1) The upper container has no bottom frame (border-bottom:none;)
(2) The height of the upper container (excluding borders).con1{height:34px;border:1px;}
Equal to the height distance of the lower container from the parent element.con2(position:absolute;top:34px;}
(3) Color Mask.com1{background:#fff;}
In fact, it is necessary to analyze specific problems
