Ò³ÃæÔªËØ¾ÓÖÐ css»ñÈ¡Ò³ÃæÖÐÐÄλÖÃ
css»ñÈ¡Ò³ÃæÖÐÐÄλÖÃ
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)/2-150);
+top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)/2-25);
}
ÍøÒ³¿É¼ûÇøÓò¿í£ºdocument.body.clientWidth
ÍøÒ³¿É¼ûÇøÓò¸ß£ºdocument.body.clientHeight
ÍøÒ³¿É¼ûÇøÓò¿í£ºdocument.body.offsetWidth (°üÀ¨±ßÏߵĿí)
ÍøÒ³¿É¼ûÇøÓò¸ß£ºdocument.body.offsetHeight (°üÀ¨±ßÏߵĿí)
ÍøÒ³ÕýÎÄÈ«ÎÄ¿í£ºdocument.body.scrollWidth
ÍøÒ³ÕýÎÄÈ«Îĸߣºdocument.body.scrollHeight
ÍøÒ³±»¾íÈ¥µÄ¸ß£ºdocument.body.scrollTop
ÍøÒ³±»¾íÈ¥µÄ×ó£ºdocument.body.scrollLeft
ÍøÒ³ÕýÎIJ¿·ÖÉÏ£ºwindow.screenTop
ÍøÒ³ÕýÎIJ¿·Ö×ó£ºwindow.screenLeft
ÆÁÄ»·Ö±æÂʵĸߣºwindow.screen.height
ÆÁÄ»·Ö±æÂÊµÄ¿í£ºwindow.screen.width
ÆÁÄ»¿ÉÓù¤×÷Çø¸ß¶È£ºwindow.screen.availHeight
ÆÁÄ»¿ÉÓù¤×÷Çø¿í¶È£ºwindow.screen.availWidth
ͨÓöÔÁªÊµÏÖ£¬DivÔڵײ¿¸¡¶¯
<table width="1003" border="0" cellspacing="0" cellpadding="0" align="center" id="maple1">
<tr>
<td align="center" height="30" bgcolor="#999999">¸¡¶¯ÄÚÈÝŶ</td>
</tr>
</table>
<script type="text/javascript" src="Maple_Couplet.Js"></script>
<script type="text/javascript">
window.onload = function(){
n=window.screen.height; //ÆÁÄ»µÄ·Ö±æÂÊ
m=window.screenTop; //ÍøÒ³ÄÚÈݾàÆÁÄ»¶¥²¿µÄ¾àÀë ¼´ IE°´Å¥£¬µØÖ·À¸µÈµÄ¸ß¶È
myBottom=n-m-30-50; //n-m-ÏÔʾDivµÄ¸ß-µ×²¿×´Ì¬À¸ºÍÈÎÎñÀ¸µÄ¸ßÔ¼50
//aa.innerHTML=m;
new couplet("maple1",myBottom,40);
}
</script>
<SCRIPT language="JavaScript" type="text/javascript">
function openmu() {
//var left = screen.width;
&
Ïà¹ØÎĵµ£º
ÔÚtable ÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾³£¿´µ½“< table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ ......
CSS£¬²ãµþÑùʽ±íµÄ×÷ÓÃÊÇʲô£¿ÎÒÃÇÏÈͨ¹ýÒ»¸öÀý×ÓÀ´Ìå»áһϣº
¿´´úÂ룺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=" ......
Ê×ÏȸÐл“Íè×Ó
”ÌṩµÄÕâ¸ö
IE8µÄcss hack£»
¹Ø×¢¹ýIE8µÄcss hackµÄÈËÏàÐÅ´ó¼Ò¶¼ÔÚʹÓÃÕâ¸öhack£¬¾ÍÊÇ“\9”µÄcss hack£º
.test{
color:#000000; /* FF,OPÖ§³Ö */
color:#0000FF\9;&n ......
Firefox hr
¼æÈÝÎÊÌ⣬ÔÚieÖÐÕý³£ÏÔʾµÄhrÊôÐÔÉèÖã¬ÔÚFirefoxÀïÃæ²»¹ÜÔõôŪ¶¼ÊÇËûÂèµÄ²»³öÀ´£¬¸ÄÁ˲»ÉÙÊôÐÔ£¬µ÷ÕûÁËλÖã¬Í¬Ê±ËÑË÷Á˲»ÉÙÎÄÕ£¬ÈÔÈ»²»
ÐУ¬×îºó¿´µ½Ò»ÆªÎÄÕÂ˵ffÖбØÐëÉèÖñ³¾°ÑÕÉ«²ÅÓÐЧ¹ûµÄ£¬ÕæÊÇxxxµÄ£¬ÕâÖÖÎÊÌâ×Ô¼º±ÕÃÅÔì³µµÄ»°ÕûÉϸöÈýÌìÈýÒ¹¶¼ÕÒ²»µ½½â¾ö°ì·¨°¡£¡
°Ñ´úÂëÌù³öÀ´·ÖÏíÏ£º
hr {
......