JWorld@TW the best professional Java site in Taiwan
      註冊 | 登入 | 全文檢索 | 排行榜  

» JWorld@TW » Web Design 版  

按列印兼容模式列印這個話題 列印話題    把這個話題寄給朋友 寄給朋友    訂閱主題
reply to postflat modego to previous topicgo to next topic
本主題所含的標籤
無標籤
作者 Re:請問在CSS檔案中,在不同Browser時,如何微調 [Re:jansonc]
cw1057





發文: 11
積分: 0
於 2009-07-16 11:51 user profilesend a private message to usersend email to cw1057reply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
這是我目前知道最簡單的方法,還是要javascript的幫助。
在document載入後(就是在onload裡),使用javascript執行以下的code:

if (isIE6()) {
  // 這是jQuery語法,簡單說就是在body上加上class,當然可以用其他方法來做這件事
  $(document.body)[0].addClass('ie');
  $(document.body)[0].addClass('ie6');
}
else if (isIE7()) {
  $(document.body)[0].addClass('ie');
  $(document.body)[0].addClass('ie7');
}
else if (isFF2()) {
  $(document.body)[0].addClass('ff');
  $(document.body)[0].addClass('ff2');
}
else if (isFF3()) {
  $(document.body)[0].addClass('ff');
  $(document.body)[0].addClass('ff3');
}
else if (isChrome2()) {
  $(document.body)[0].addClass('chrome');
  $(document.body)[0].addClass('chrome2');
}

執行完這段code之後,在css裡面就可以用下面這樣的selector來微調:

.aDiv {
  width: 100px;
}
.ie6 .aDiv {
  overflow-x: hidden;
}


reply to postreply to post
話題樹型展開
人氣 標題 作者 字數 發文時間
531 請問在CSS檔案中,在不同Browser時,如何微調 jansonc 207 2009-07-15 18:03
451 Re:請問在CSS檔案中,在不同Browser時,如何微調 cw1057 756 2009-07-16 11:51
414 Re:請問在CSS檔案中,在不同Browser時,如何微調 jansonc 52 2009-07-16 16:15
394 Re:請問在CSS檔案中,在不同Browser時,如何微調 jumperchen 43 2009-07-16 21:15
461 Re:請問在CSS檔案中,在不同Browser時,如何微調 jansonc 23 2009-07-28 13:37
» JWorld@TW »  Web Design 版

reply to postflat modego to previous topicgo to next topic
  已讀文章
  新的文章
  被刪除的文章
Jump to the top of page

JWorld@TW 本站商標資訊

Powered by Powerful JuteForum® Version Jute 1.5.8