±í¸ñÍ·Ðй̶¨£ºÊ¹ÓÃ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
Ïà¹ØÎĵµ£º
Çë¿´ÏÂÃæÒ»¶Î´úÂ룺
<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; ......
ºÜÔç¾ÍÔÚÕâÀï¿´µ½¹ý½â¾ö·½°¸£¬Óëà»à»ÌÖÂÛºó·¢ÏÖÕâ¸ö·½°¸»¹ÊǺܿɿ¿µÄ¡£µ±È»£¬Î¨Ò»µÄȱµã¾ÍÊÇÿһ¸öÊôÐÔ¶¼ÒªÈ¥Hack£¬µ«ÎÒÔںܶàʵ¼ùÖУ¬Ö»ÓÑÐÞÕý’1-2¸öÊôÐԾͿÉÒÔÁË¡£
¾ßÌåд·¨ºÜÈÝÒ×£º
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
µÚһşøFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ ......
CSSÍøÒ³²¼¾Öʱ³£·¸µÄ¼¸ÖÖС´íÎó£º
¡¡¡¡1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾³£»áŪ´ídivµÄǶÌ×¹Øϵ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2. ¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ } µÈ¡£¿ÉÒÔÀûÓÃCleanCSSÀ´¼ì²é CSS ......
ÕâÁ½ÌìÔÚÏëÕâ¸öÎÊÌ⣬ÔÚÂÛ̳Àï·¢µÄÌû×Ó£¬Ò²Ã»ÓÐÈ˻أ¬ÍøÉϵÄÄÇЩ´ð°¸»ù±¾É϶¼ÊÇÔÚIE8.0ÒÔϵİ汾£¬Í¨¹ýIE8.0ºÍFF3.63°æ±¾µÄ±È½Ï£¬¸Ð¾õÏÖÔÚÁ½ÕßµÄÏà²î²»ÊÇÌ«´ó£¬ÎÒÖ»·¢ÏÖÓÐÏÂÃæһЩÓÐÃ÷ÏÔµÄÇø±ð
µÚÒ»£ºcursor:handÖµ¡£ ÔÚIEÖпÉÒÔÏÔʾÊÖÐÍ£¬µ«ÊÇÔÚFFÖÐÑùʽ²»×÷ÓÃ
µÚ¶þ£ºIEºÍFFµÄ͸Ã÷ÉèÖò»Í¬
&n ......
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 ......