¹ØÓÚULºÍLIµÄcssÎÊÌâ
<html>
<head>
<style type="text/css">
.nav{ width:980px; height:32px; margin:0 auto; position: relative;z-index: 100; }
.nav ul{ padding-left:10px; }
.nav ul ul{ padding-left:0px; border:1px solid #CCC; }
.nav li { float: left;position: relative;}
.nav ul ul { visibility: hidden;position: absolute;left: 0px;top: 32px;list-style-type: none}
.nav table {position: absolute;top: 0;left: 0;}
.nav ul li:hover ul,
.nav ul a:hover ul{visibility: visible;}
.nav a{display: block; width:90px; height:32px; line-height:32px; text-align:center;
color: #003366;text-decoration: none; font-weight:bold;}
.nav a:hover{ color: #990000; text-decoration:none; }
.nav ul ul li {clear:both;text-align:left; font-size:12px; }
.nav ul ul li a{display: block; width:100px;height:22px; line-height:22px;font-weight:normal;
text-align:left; padding-left:10px; background-color:#F9F9F9;border:2px solid #F9F9F9; }
.nav ul ul li a:hover{ border:2px solid #F9F9F9; background: #003366; color:#EEE; }
}
</style>
</head>
<body>
<div class="nav">
<ul>
<li>
<a href="javascript::void(0)">°¸Àý¹ÜÀí <!--[if IE 7]>
Ïà¹ØÎÊ´ð£º
ÎÒÏë×öµÄÊÇÕâÑùÒ»¸öЧ¹û£¬Äã×ó±ß×öµÄÊǵ¼º½²Ëµ¥£¬¼ÙÈçÓÐÈô¸É¸ö³¬¼¶Á´½Ó£¬µã»÷ij¸öºóÕâ¸öÁ´½ÓµÄÄÚÈÝÒªµ½ÓÒ±ßÏÔʾ¡£µ±È»Õâ¸ö¹¦ÄÜ¿ÉÒÔʹÓÃHtmlÖÐµÄ frame¿ò¼ÜʵÏÖ£¬µ«ÊÇÏÖÔÚÓкܶàµÄä¯ÀÀÆ÷²»Ö§³ÖÕâÖÖframe£¬Äܲ»ÄÜÓÃcss ......
ÎÒÏÖÔÚÔÚÑ§Ï°ÍøÕ¾¿ª·¢£¬Ñ§Ï°µÄ¹ý³ÌÖз¢ÏÖCSSÊÇÓÃÀ´ÉèÖÃÑùʽµÄ£¬¶øDOMÒ²¿ÉÒÔÓÃÀ´ÉèÖÃÑùʽ£¬js¿âÒ²¿ÉÒÔ¡£
ÕâЩ¾¿¾¹ÔÚʲôʱºòÓÃʲô?
ÇëÖ¸µã£¡Ð»Ð»£¡
²»ÓÃjs+dom²Ù×÷css,LZд¸öÓÃdom²Ù×÷cssµÄÀ´¿´¿´
DOMÖ»ÊÇÒ» ......
¼ò½àʵÓõÄÊó±ê¾¹ý±äÉ«µÄboxЧ¹û£¬´¿CSSÖÆ×÷£¬ÏÂÃæÊÇÔ´´úÂ룬¿ÉÒÔÁí´æÎª .html ¸ñʽ²é¿´£¬»òÕßÔÚ×îÏÂÃæÓÐÔÚÏßÑÝʾµÄµØÖ·¡£
HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ......
<div style ="width:538px; height:150px; border:solid 1px gray; padding:10px;">
<div style =" width:230px; height:150px; float ......
Äܲ»ÄÜдһ¸öcssµÄÀà ÈÃËùÓÐinput type="button"µÄ°´Å¥Ö±½Ó×Ô¶¯Ì×ÓÃÕâ¸öÀà ¶ø²»ÓÃÎÒÒ»¸öÒ»¸öÊÖ¶¯È¥¼Óµ½Ã¿¸öinputÀïÃæ£¿
ÒòΪÎÒÓкöàÒ³Ãæ¶¼ÓÃÒ»¸öCSS£¬ËùÒÔÖ»ÒªÐèÒªÊÖ¶¯¼ÓµÄ·½·¨¶¼²»¿ ......