2012-08-05 46 views
3

this site datepicker在所有瀏覽器(IE8 +,Firefox 14,Chrome 20和Opera 12)中正確顯示,但最新版本的Chrome版本21似乎引入了一個非常惱人的bug我無法告訴達爾文的愛究竟是怎麼回事,爲什麼?Chrome 21和1px的差異非常討厭的bug

------------ ALL & Chrome 20 ----------------------- Chrome 21 WTH! ------------

enter image description here

上爲什麼發生這種情況的任何想法?這個錯誤來自哪裏?我試圖用devtools來切換每一個CSS屬性,沒有任何東西可以改變。它甚至可以在IE8中運行,所以這必須是Chrome的一個bug。

編輯: 澄清多一點,當我定位日期選擇器與輸入保持一致,在日期選擇器的上邊框與輸入的底部邊框對齊。要在我的CSS中使用margin-top: -1px摺疊邊框。最新的Chrome的問題似乎是它在日期選擇器和輸入之間的空間中增加了一個像素,因此邊界不相鄰,它們之間的距離爲1px,甚至摺疊它們。

+0

我發現在最新的Chrome開發版本(22)中出現了類似的1px錯誤(但在我的情況下是一個缺失的像素) - 我期望他們修復它時忽略它,這些錯誤可能不會持續很長時間。 – Lucero 2012-08-05 22:15:37

+0

** @ Lucero **。我甚至不能測試金絲雀,似乎沒有工作這些天... – elclanrs 2012-08-05 22:18:57

+0

我注意到Chrome 21似乎有不同的平臺上的一些小問題。就像Arch Linux上的HTLM5視頻播放器一樣,在Windows上,渲染管道會隨機呈現黑盒子......我認爲有些OpenGL的東西已經搞亂了。 – zezba9000 2012-08-06 21:36:21

回答

1

我沒有永久解決方案,但您可以爲該瀏覽器提供margin-top:-2px;ui-datepicker-div

不要接受我的回答。這是一個臨時解決方案。

P.S.無法從這裏分析代碼,但看起來像jquery的.height()函數,給出了該版本的邊界高度。

+0

是的,這是我想到的第一件事,但幾乎沒有解決方案,因爲你說... – elclanrs 2012-08-05 22:19:28

+0

我發現也使用調試工具在Chrome版本21上。'.ui-datepicker { margin-top:-2px;' – HeatfanJohn 2012-08-05 22:20:14