Kaie"s Blog 2.0 beta!
Back to "Top"

My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr
Back to "Top"
My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr

Sunday, December 17, 2006

[Browser] Browser Compatibility Notes

因為之前我在這個Blog裡頭加了一個Javascript語法,為了達到[Blog Plugins]中的customizable tooltips效果,在Firefox中正常,但是在IE底下卻出現了 "Internet Explorer 無法開啟網際網路網站,操作已終止[Example]"",Oh My God...什麼鳥呀 XD! 對於javascript不熟的我,懶得花時間去Debug了,於是想辦法讓這段Javascript語法在IE中不要執行,方法如下:

. Conditional comment: (for css, xhtml, javascript)

<!--[if IE]>
All IE browser
<![endif]-->
<!--[if IE 6]>
IE 6
<![endif]-->
<!--[if IE 7]>
IE 7
<![endif]-->
<!--[if lt IE 7]>
IE 6 以下 (含)
<![endif]-->
<!--[if !IE]> -->
IE 4 或 其他 browsers
<!-- <![endif]-->

.Conditional compilation: (only for Javascript)
<script type='text/javascript'>
/*@cc_on @*/
/*@if (@_jscript_version >= 5.7)
// IE7 &#25110;以後
@elif (@_jscript_version >= 5.6)
// IE6
@elif (@_jscript_version >= 5.2)
// IE5.5
@elif (@_jscript_version >= 5)
// IE5
@else @*/
// 其他 browser ,例如 Firefox, safari, IE 4.x
/*@end
@*/
</script>

.以上資料參考來源:
Xexex's Java 和其他二三事 : Browser相容性技巧筆記

[2007/03/21 Updated]div#milkr{width:200px;} /*-for ff-*/
* html div#milkr{width:180px;} /*-for ie6-*/
*+html div#milkr{width:150px;} /*-for ie7-*/