用javascript修復瀏覽器中頭痛問題的方法整理篇[譯]第4/4頁
6. 水平或垂直居中元素
你以前也許遇到過這個問題:水平或垂直居中頁面元素. 在CSS中垂直居中是非常困難的, 特別是你想支持所有主流瀏覽器的情況下.非常幸運,現(xiàn)在已經(jīng)有了解決方案,其中一個方式就是從高度與寬度中取得元素左邊與頂部頁邊距值再除以2,得到的便是要居中元素的margin-left與margin-top.(這句話理解不知道有沒有問題)
6.1 居中頁面元素插件
這個插件可以居中頁面的任何元素,使用了水平與垂直上減去頁邊距的辦法.
$("element").center(); //vertical and horizontal$("element").center({ horizontal: false // only vertical});
6.2 我如何垂直居中頁面元素?
在這個視頻教程中,Jeffrey Jordan Way會向你展示如何利用CSS與jQuery組合的威力,在瀏覽器垂直居中圖片.
7. 在IE中顯示Q標簽
表現(xiàn)引號應該使用Q標簽而不是blockquote標簽.然而,windows下的IE不支持這個標簽,因此,很多開發(fā)都不使用Q標簽.
7.1QinIE
當你把這段腳本引入到你的網(wǎng)頁文檔頭部,它就可以自動地把頁面中的Q標簽替換成引號(包括對應的結束引號). 如果將來IE支持Q標簽,你可能要修改它,加上瀏覽器版本的判斷.
8. 增大點擊目標的范圍以獲得更直接的切換
對厭煩的‘Read More…'說再見,使你整個內容塊都可以點擊進入目標鏈接!
9. Lazy loader
這是一個jQuery插件. 它可以使(內容較長的)頁面的圖片延遲加載.在viewport(頁面的可見部分)之外的圖片不會被加載,直到用戶拖動滾動條到它們的時候.這與 圖片預載 是截然相反的.
10. bgiframe
這個jQuery插件可以輕松解決IE z-index的問題.
11. ieFixButtons
這個jQuery插件可以修復button元素在IE6 與IE7下的怪異行為.
12. Fix Overflow
這個插件修復IE下的水平溢出問題.特別地,IE會自動為溢出的元素添加滾動條,如果元素只有一行,那這個滾動條就會覆蓋在元素的上面.這個插件通過調整元素的填充來修復這個問題.
相關文章
BOOTSTRAP時間控件顯示在模態(tài)框下面的bug修復
這篇文章主要介紹了BOOTSTRAP時間控件顯示在模態(tài)框下面的bug修復,需要的朋友可以參考下2015-02-02創(chuàng)建echart多個聯(lián)動的示例代碼
這篇文章主要介紹了創(chuàng)建echart多個聯(lián)動的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-11