Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

±í¸ñÍ·Ðй̶¨£ºÊ¹ÓÃCSSʵÏÖ

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>±í¸ñÍ·Ðй̶¨£ºÊ¹ÓÃCSSʵÏÖ</title>
<style type="text/css" >
div.DivContainer /* Div */{
    overflow: scroll;
    border: solid 1px gray;
}
table {
    border-collapse: collapse;
    border:solid 1px gray;
}
td {
    position: relative;
    padding: 5px;
    border-top: solid 0px gray;
    border-bottom: solid 1px gray;
    border-left: solid 0px gray;
    border-right: solid 1px gray;
}
td.HLocked /*×ó²à¶³½áµÄÁÐ*/ {
    z-index: 10;
    position: relative;
 left: expression(document.getElementById("div").scrollLeft);
    text-align: center;
    BORDER-RIGHT: #555 1px solid;
 BORDER-TOP: #fff 1px solid;
 BORDER-BOTTOM: #555 1px solid;
 BORDER-LEFT: #fff 1px solid;
 padding:2 1 2 2;
 BACKGROUND: #ccc;
}
td.VLocked /*´¹Ö±¹Ì¶¨µÄ±íÍ·*/ {
    z-index: 20;
    position: relative;
 top: expression(document.getElementById("div").scrollTop);
    color: black;
    text-align: center;
    BORDER-RIGHT: #555 1px solid;
 BORDER-TOP: #fff 1px solid;
 BORDER-BOTTOM: #555 1px solid;
 BORDER-LEFT: #fff 1px solid;
 padding:2 1 2 2;
 BACKGROUND: #ccc;
}
td.Locked /*´¹Ö±¡¢Ë®Æ½¶¼¹Ì¶¨µÄ±íÍ·*/ {
    z-index: 30;
    position: relative;
 top: expression(document.getElementById("div").scrollTop);
 left: expression(document.getElementById("div").scrollLeft);
    color: black;
    text-align: center;
    BORDER-RIGHT: #555 1px solid;
 BORDER-TOP: #fff 1px solid;
 BORDER-BOTTOM: #555


Ïà¹ØÎĵµ£º

¶ÔDIV+CSSµÄÒ»µãÐĵÃÌå»á£¬ÈÃÄ㾡¿ìѧ»á²¼¾ÖÉèÖÃ

Çë¿´ÏÂÃæÒ»¶Î´úÂ룺
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//¶¨ÒåÁËÒ»¸öID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//¶¨ÒåÁËÒ»¸öÀà
</style>
<TITLE>Öйú</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT; ......

½â¾öIE6¡¢IE7¡¢Firefox¼æÈÝ×î¼òµ¥µÄCSS Hack


ºÜÔç¾ÍÔÚÕâÀï¿´µ½¹ý½â¾ö·½°¸£¬Óëà»à»ÌÖÂÛºó·¢ÏÖÕâ¸ö·½°¸»¹ÊǺܿɿ¿µÄ¡£µ±È»£¬Î¨Ò»µÄȱµã¾ÍÊÇÿһ¸öÊôÐÔ¶¼ÒªÈ¥Hack£¬µ«ÎÒÔںܶàʵ¼ùÖУ¬Ö»ÓÑÐÞÕý’1-2¸öÊôÐԾͿÉÒÔÁË¡£
¾ßÌåд·¨ºÜÈÝÒ×£º
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
µÚһşøFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ ......

CSSÍøÒ³²¼¾Öʱ³£·¸µÄ¼¸ÖÖС´íÎó

CSSÍøÒ³²¼¾Öʱ³£·¸µÄ¼¸ÖÖС´íÎó£º
¡¡¡¡1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾­³£»áŪ´ídivµÄǶÌ×¹Øϵ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2. ¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ } µÈ¡£¿ÉÒÔÀûÓÃCleanCSSÀ´¼ì²é CSS ......

CSS ÔÚIE8.0ºÍFFÖеÄÇø±ð

ÕâÁ½ÌìÔÚÏëÕâ¸öÎÊÌ⣬ÔÚÂÛ̳Àï·¢µÄÌû×Ó£¬Ò²Ã»ÓÐÈ˻أ¬ÍøÉϵÄÄÇЩ´ð°¸»ù±¾É϶¼ÊÇÔÚIE8.0ÒÔϵİ汾£¬Í¨¹ýIE8.0ºÍFF3.63°æ±¾µÄ±È½Ï£¬¸Ð¾õÏÖÔÚÁ½ÕßµÄÏà²î²»ÊÇÌ«´ó£¬ÎÒÖ»·¢ÏÖÓÐÏÂÃæһЩÓÐÃ÷ÏÔµÄÇø±ð
µÚÒ»£ºcursor:handÖµ¡£ ÔÚIEÖпÉÒÔÏÔʾÊÖÐÍ£¬µ«ÊÇÔÚFFÖÐÑùʽ²»×÷ÓÃ
µÚ¶þ£ºIEºÍFFµÄ͸Ã÷ÉèÖò»Í¬
    &n ......

DIV+CSSÏà¶ÔIE6 IE7ºÍIE8¼æÈÝÎÊÌâÕûÀí

1.Çø±ðIEºÍ·ÇIEä¯ÀÀÆ÷
#tip {
background:blue; /*·ÇIE ±³¾°藍É«*/
background:red \9; /*IE6¡¢IE7¡¢IE8±³¾°紅É«*/
}
2.Çø±ðIE6,IE7,IE8,FF
¡¾Çø±ð·ûºÅ¡¿£º¡¸\9¡¹¡¢¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
background:r ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ