2012-10-28 67 views
0

這是演示(僅適用於webkit瀏覽器)Demo 我有一個外部div,它們在所有四個邊上都有圓角。我在裏面有一個ul列表。該列表使用iscroll滾動。問題是沒有邊界半徑的列表li的項目正在影響外部div,圓角。 請參閱演示。看到底部,將沒有圓角。一旦你向下滾動,頂部不會有圓角。如何使邊界半徑的外部div切斷內部分區

回答

1

border-radius應該是#viewport,但仍然無法工作由於WebKit中一個尚未解決的錯誤,讓孩子的內容出現在父母的圓角:http://code.google.com/p/chromium/issues/detail?id=71639

+0

這是否相同的錯誤在iPhone和Anroid的手機 –

+0

存在有沒有解決辦法。將非常有用 –

+0

這是一個核心Webkit框架中的錯誤,所以它很可能適用於所有基於Webkit的瀏覽器,無論是桌面還是移動設備。你可以通過使用角落的圖像來解決它; [這裏是一些Google發現的教程](http://kyleschaeffer.com/best-practices/reusable-transparent-css-round-corners/)。 – lanzz