ÍøÒ³Öг£¼ûCSS HackµÄʹÓÃÕûÀí
_property:value
ÊôÐÔÇ°¼Ó_Ïß,¸Ãhack¶ÔIEÓÐЧ£¬ÔÚFFÏÂÎÞЧ
Õâ¶Î´úÂëÔÚIEÏ¿´,divµÄ±ß¿òΪÀ¶É«,¶øÔÚFireFoxÏÂÎÞЧ
<style type="text/css">
.tx_border{_border:1px solid #333333;}/*Õâ¸öÔÚIEÏ¿ÉÒÔ¿´µ½±ß¿òΪ»ÒÉ«£¬¶øÔÚFFÏÂÊÇûÓÐÈκεÄЧ¹û*/
</style>
Ñ¡Ôñ·û {width:IE5.x¿í¶È; voice-family :"\"}\""; voice-family:inherit; width:ÕýÈ·¿í¶È;}
IE5.5¼°ÒÔÏ°汾²»ÈÏ,ÆäËü°æ±¾ÓëFF¶¼ÈÏ
ÈçÏ£¬¸Ã¶Î´úÂëÔÚFFÓëIE6/IE7ÄÜÕýÈ·ÏÔʾdiv¿í¶ÈΪ200px
<style type="text/css">
#tx_width{voice-family :"\"}\"";
voice-family:inherit;
width:200px;
}
</style>
±»Ó¦ÓÃÁË!important;µÄÊôÐÔ½«ÔÚIEÖÐÎÞЧ£¬¶ÔFFÓÐЧ¡£
<style type="text/css">
#div1
{
background:red !important;
background:blue;
}
</style>
Ïà¹ØÎĵµ£º
Html´úÂë
view plaincopy to clipboardprint?
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">
<nobr>¾ÍÊDZÈÈçÓÐÒ»ÐÐÎÄ×Ö£¬ºÜ³¤£¬±í¸ñÄÚÒ»ÐÐÏÔÊ ......
cssµÄdl dt ddµÄÓ¦Óãº
<!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="Content-Type" content= ......
Jquery¶ÔcssµÄ²Ù×÷Ï൱·½±ã£¬Äܷܺ½±ãÎÒÃÇȥͨ¹ýjsÐÞ¸Äcss¡£´«Í³javascript¶ÔcssµÄ²Ù×÷Ï൱·±Ëö£¬±ÈÈç
<div id="a" style="background:blue">css</div>
È¡ËüµÄbackgroundÓï·¨ÊÇ£º
document.getElementById("a").style.background
¶øjQuery¶Ôcss¸ü·½±ãµÄ²Ù×÷£º
$("#a").background();$("#a").background ......
Äã´ó¸ÅÖªµÀ£º¶ÔÓÚÒ»¸öеķÃÎÊÕßÀ´Ëµ£¬ËûÔÚ×î³õ20ÃëÄÚÓëijÍøÕ¾µÄ»¥¶¯Çé¿ö£¬¾ö¶¨ÁËËûÊÇ·ñ»áÁôÔÚÕâ¸öÍøÕ¾×ö½øÒ»²½µÄ̽Ë÷£¬»¹ÊÇÑﳤ¶øÈ¥¡£Õâ¾ÍÒâζ×Å£¬ÔÚÉè¼ÆÍøÒ³µÄʱºò£¬Äã±ØÐë×ñÑÒ»¶¨µÄ¹æÂÉÀ´Áôס·ÃÎÊÕß¡£¼òµ¥µÄ˵£¬¾ÍÊÇ°ÑËùÓеÄÍøÒ³ÔªËØ·ÅÔÚ·ÃÎÊÕßËùÆÚ´ýµÄλÖ᣽øÐдËÉè¼ÆµÄÒ»¸öÖØÒª¶øÓÐЧµÄ²¿·Ö£¬¾ÍÊÇÕûÒ»¸öÒ×ÓÚʹÓÃµÄ ......
CSS´úÂë
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
HTML´úÂë
<div class="test"&g ......