±í¸ñÍ·Ðй̶¨£ºÊ¹ÓÃ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
Ïà¹ØÎĵµ£º
margin-bottom:40px; /*ffµÄÊôÐÔ*/
margin-bottom:140px\9; /* IE6/7/8µÄÊôÐÔ */
color:red\0; /* IE8Ö§³Ö */
*margin-bottom:450px; /*IE6/7µÄÊôÐÔ*/ ......
¾²Ì¬¶¨Î»£ºposition:static£¨ÎªpositionÊôÐÔµÄĬÈÏÖµ£©¡£
¶¯Ì¬¶¨Î»£ºposition:relative»òposition:absolute»òposition:fixed¡£
×æÔªËØ£ºÈÎÒâ°üº¬¸ÃÔªËصÄÔªËØ¡£ ¸¸ÔªËØ£ºÖ±½Ó°üº¬¸ÃÔªËصÄ×æÔªËØ¡£ ͬ±²ÔªËØ£ºÓµÓй²Í¬µÄ¸¸ÔªËصÄÔªËØ¡£
×¢£ºÕâЩ¸Å
ÄîΪ×÷Õß ......
ÎÄÕÂת×ÔÓÚ:http://www.pqshow.com/design/Dreamweaver/200912/12674.html
ÓÉÓÚÏîÄ¿ÖбàдÎĵµ½á¹¹¡¢±àдCSSµÄÈËÔ±½Ï¶à£¬²¢Óë³ÌÐòÔ±Ðͬ¹¤×÷£¬ËùÒÔ¾ÍÐèҪͳһ¿ª·¢¹æ·¶£¬¸ù¾ÝXHTMlºÍCSS±àÖ¯µÄ¹æ·¶ºÍ´ó¶àÈ˵ÄÏ°¹ß£¬ÕûÀíÁËÒÔÏÂÕë¶Ô±¾ÏîÄ¿µÄÒ»¸ö¼òµ¥µÄ¿ª·¢¹æ·¶£º
Ò»¡¢CSSÎļþ¼°ÑùʽÃüÃû
1¡¢CSSÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºgl ......
Èç¹ûÄã²»×ÜÊÇÓà Windows
É쵀 Internet
Explorer
À´ÉÏÍøµÄ»°£¬Äã¿ÉÄÜ»á×¢Òâµ½£¬Ðí¶àÍøÕ¾ÉϵÄÊÓƵµã²¥Ö®ÀàµÄ¶àýÌåÄÚÈÝ£¬ÄãÎÞ·¨Ö±½ÓÔÚ Internet Explorer
ÒÔÍâµÄÆäËüä¯ÀÀÆ÷Öйۿ´£¬±ÈÈçÃ÷Ã÷ÒѾ°²×°
Á˲å¼þÈ´ÌáʾȱÉÙ²å¼þ£¬»òÕßʲô¶¼²»Ìáʾ³öÏֿյĿò¿ò£¬»òÕßÏÔ
ʾÁ˲¥·ÅÆ÷²å¼þȴʼÖÕÁ¬²»ÉÏ´ò²»¿ªÖ®ÀàµÄÎÊÌ⣠......
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="LeftMenu" %>
<mce:style type="text/css"><!--
body {
margin: 0;
padding: 30px;
background: #FFF;
color: #666;
}
h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}
p {
font: 11px Arial, ......