CSS ʵÏÖ±³¾°Í¼Æ¬×ÔÊÊÓ¦td´óС
½â¾ö·½·¨£º
1¡¢
ÓÃcssÂ˾µ¡£
<td style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_img.jpg', sizingMethod='scale'" >
2¡¢
Äã¿ÉÒÔ¿¼ÂÇÓÃcssÂ˾µÀ´×ö±³¾°½¥±äЧ¹û£¬ÉèÖÃtdµÄcss
style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#000000');"
GradientTypeȡֵ0/1£¬±íʾºáÏò»ò×ÝÏò½¥±ä
3¡¢
CSS code
<td style="filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9A0000,endColorStr=#CA3232);
border-top: 2pt #C23132 solid">
Ïà¹ØÎĵµ£º
jQuery²å¼þ: jquery.widget.shadowbox.js
/**
* Ò»¸ö¼òµ¥µÄÉèÖÃDIVÒõÓ°µÄ²å¼þ
*
* ¹¦ÄÜ:
* 1. ¸ù¾ÝÒõÓ°¿í¶È×Ô¶¯µ÷ÕûÍâ²ãÈÝÆ÷¿í¶È,ÒÔ¼°Í¸Ã÷¶È
* 2. ¿É¶¨ÒåShadowBoxµÄ¿í¶ÈºÍ¸ß¶È
* 3. ¿ÉÓÃCSSÑùʽ±í¶¨Òå¿ÉÊÓ»¯Ñùʽ
*
* @author joe.he <developerworks@163.com>
* @copyright irgs.cn
*/
(fun ......
position:relativeÔÚcssÉè¼ÆÖÐÓÐמÓסÇáÖØµÄ×÷Óã¬Èç¹ûÄ㻹ûÓÐÓùýËüÄÇ̫;ÊǾ޴óµÄÒź¶£¬ÒÔǰ×ö¹ýdiv titleÌáʾ¿òµÄʱºòÓиö¼ýÍ·¶¨Î»ÎÊÌ⣬µ±Ê±µÄ½â¾ö°ì·¨¾ÍÊǶàÌ×ÓÃÒ»²ãdiv²¢ÇÒÁô°×Ò»¶¨´óС£¬ÓÃÀ´±³¾°ÏÔʾ¼ýÍ·£¬µ«ÊÇ·¢ÏÖ¼ýÍ·ÓÀÔ¶ÔÚÏÂÃæ£¬Ã»Óа취ÕÚ¸Ç
Ö÷ÌåÈںϵIJ¿·Ö
£¬ËùÒÔЧ¹ûÒ²¾Í²»ºÃ£¬µ±È»£¬´ÏÃ÷µÄÄ ......
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style>
.main{position:relative;width:100%}
.left{position:absolute;width:200px;border:solid 1px red; height: ......
ÔÚcssÎļþÀï¼ÓÈë
@IMPORT url("dijit/themes/soria/soria.css");
@IMPORT url("dojo/resources/dojo.css");
½«soria.cssÖеÄ.soriaÈ«²¿Ì滻Ϊbody,ͬʱÔÚhtmlÀï²»ÓÃÔÙ¼Óclass="soria"
ʹÓÃÆäËü·ç¸ñÊ±Ìæ»»Â·¾¶dijit/themes/soria/soria.css¼´¿É ......
ÔÚtableÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾³£¿´µ½“<table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ú ......