cssÂ˾µÈçºÎͨ¹ýjs¼ÓºÍ¿ØÖƶà¸öÂ˾µÐ§¹û¡£
HTML code:
<style type="text/css">
#div_show1{
padding:0px
filter:light();
filter:alpha(opacity=100);
}
</style>
HTML code:
<div id="div_show" onmouseover="over();" onmouseout="out();" style="width:600px;height:396px;background:url(./1.jpg)">
</div>
Ïëͨ¹ýjsÔÚ¼ÓÈëÒ»¸öalphaµÄ͸Ã÷Ч¹ûÓÃÁËÏÂÃæµÄ·½·¨¶¼Ê§°ÜÁË£¬
JScript code:
var t=100;
function lt(obj){
obG=obj;
if(t>0){
obj.style.filters[1].alpha(opacity=t);
t--;
}
/////////////////////////////////////////////////////////////////////////////
function lt(obj){
obG=obj;
if(t>0){
obj.style.filters="alpha(opacity="+ t +")";
t--;
}
Çó½Ì¸ßÊÖ´ó´ó°ïÎÒ¿´¿´Ó¦¸ÃÔõôȥ¼Ó¶à¸öÂ˾µÐ§¹ûÄØ
cssÂ˾µÈçºÎͨ¹ýjs¼ÓºÍ¿ØÖƶà¸öÂ˾µÐ§¹û¡£
¶¥
Õæ¿ì
ûÓÐÈË»áÂ𣿠»¹ÊÇÕâ¸öû°ì·¨ÊµÏÖ°¡? ÖÁÉÙҲҪ֪ͨÎÒһϰ¡¡¢¡£¡£¡£
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px ......
Äܲ»ÄÜдһ¸öcssµÄÀà ÈÃËùÓÐinput type="button"µÄ°´Å¥Ö±½Ó×Ô¶¯Ì×ÓÃÕâ¸öÀà ¶ø²»ÓÃÎÒÒ»¸öÒ»¸öÊÖ¶¯È¥¼Óµ½Ã¿¸öinputÀïÃæ£¿
ÒòΪÎÒÓкöàÒ³Ãæ¶¼ÓÃÒ»¸öCSS£¬ËùÒÔÖ»ÒªÐèÒªÊÖ¶¯¼ÓµÄ·½·¨¶¼²»¿ ......
½üÀ´×öÒ³Ãæ¶¼»áÔÚ±¾»úÉϵ÷ÊÔºÃFF IE7 IE6£¬µ«Êǵ÷ÊÔ¹ýµÄÒ³ÃæÓÐʱÔÚ±ðÈ˵ÄIE6,IE7»áÏÔʾ²»Õý³££¬ÓÚÊÇÕÒµÚÈýÕߣ¬ÓÐʱºò¸úÎÒÕâ±ßÏÔʾһÖ£¬ÓÐʱºò¸ú¶Ô·½ÏÈÊÇÒ»Ö £¬Ç°Ì¨IE6 IE7¼æÈÝûÓбê×¼£¬Õâ¸öǰ̨»¹Ôõô»î£¡
¾ ......
ÈçÒ»¸öCSS´úÂëΪ#checkoutShipTo_giftsoflady, .checkoutBillTo_giftsoflady {}Òª±ä³É#checkoutShipTo_xxxxx, #checkoutBillTo_xxxxx{}
cssÊéд¸ñʽ²»¹Ì¶¨.
ÓпÉÄÜÊÇ#id{},.class{}
Ò²ÓпÉÄÜÊÇ#id input{}
·´ÕýÊ ......