[css Hack]IE6,IE7,IE8,FireFoxµÄcssÏàÈÝÐÔ
1.Çø±ðIEºÍFirefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6¡¢IE7¡¢IE8*/
}
2.Çø±ðIE6¡¢IE7¡¢IE8¡¢Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6¡¢IE7¡¢IE8 */
*background:black; /*IE7 */
_background:orange; /*IE6 */
}
×¢Ò⣬ÎÞÂÛÔõÑù£¬¶¼ÊÇFireFoxÔÚ×îÇ°£¬ie°æ±¾ÒÀ´Î½µµÍ£¬
ÒòΪºóÃæµÄcss¿ÉÒÔ¸²¸ÇÇ°ÃæµÄ¡£
Ïà¹ØÎĵµ£º
תÔØÓÚ ÂÞÂí¼¯ÊÐ
MagentoµÄCSSÎļþÒ»°ã´æ·Åµ½ $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin |
install}/<package name>/<theme
name>/cssĿ¼Ï¡£Ò²ÓÐЩºÍÈ«¾Öjs½Å±¾ÅäºÏʹÓõÄcssÎļþ´æ·ÅÔÚ$MAGENTO_INSTALLED_FOLDER/jsÏ£¬µ«ÊÇÒ»
°ãÎÒÃDz»Ö±½Óµ÷ÓÃËüÃÇ¡£
ÄÇôMagentoÓ¦ÓÃÓÖÊÇÈçºÎÒýÓÃCSSÎļþµÄÄØ ......
ÈÃtreeview²»ÏÔʾtdÍø¸ñÏß gridviewÏÔʾÍø¸ñÏß
HTML
<style type="text/css">
TD
{
font-size: 9pt;
  ......
CSSÉèÖÃ
<style type="text/css">
.box {
border:#eee solid 1px;
width:300px;
height:120px;
line-height:120px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
1.Îı¾
<div class="box">Sample text</div>
Sample text
2.ͼƬ(IEÏÂÔÚͼƬºóÃæ¼ÓÒ» ......
°¢Àï°Í°ÍµÄÒ»¿î»¬¶¯·ÖÀà²Ëµ¥,Ч¹ûºÜ²»´í,µ«ÊÇʹÓÃÁ˽϶àµÄͼƬ,²»¹ýÕâЩͼƬֻÊDZ³¾°,²»Ó°ÏìÄãÐ޸IJ˵¥µÄÎÄ×Ö,ËùÒÔºÜÖµµÃ´ó¼ÒʹÓÃ,´úÂëÉÔÏÓ¶à,ѧϰCSSµÄÅóÓѺúÃÑо¿Ò»ÏÂ.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html ......
position:relativeÔÚcssÉè¼ÆÖÐÓÐמÓסÇáÖصÄ×÷Óã¬Èç¹ûÄ㻹ûÓÐÓùýËüÄÇôÕæÊǾ޴óµÄÒź¶£¬ÒÔÇ°×ö¹ýdiv titleÌáʾ¿òµÄʱºòÓиö¼ýÍ·¶¨Î»ÎÊÌ⣬µ±Ê±µÄ½â¾ö°ì·¨¾ÍÊǶàÌ×ÓÃÒ»²ãdiv²¢ÇÒÁô°×Ò»¶¨´óС£¬ÓÃÀ´±³¾°ÏÔʾ¼ýÍ·£¬µ«ÊÇ·¢ÏÖ¼ýÍ·ÓÀÔ¶ÔÚÏÂÃ棬ûÓа취ÕÚ¸Ç
Ö÷ÌåÈںϵIJ¿·Ö
£¬ËùÒÔЧ¹ûÒ²¾Í²»ºÃ£¬µ±È»£¬´ÏÃ÷µÄÄ ......