overflow:hidden для непрямоугольного блока

[vovka-morkovka]

Здравствуйте.

 

Столкнулся с такой проблемой

Скрин в Хроме, ФФ, IE

http://prntscr.com/4flbmx

 

Скрин в опере и сафари:

http://prntscr.com/4flbki

 

Для цветного закругленного блока установлен overflow:hidden. При этом опера и сафари обрезают белые полосы пунктов меню не так, как хотелось бы.

 

Спасибо.

 

 

[Нарек]

А чем получили такую форму? Бордер радиус?

[vovka-morkovka]

А чем получили такую форму? Бордер радиус?

да

внутри ul

 

т.е. блок nav с background, border-radius и overflow:hidden, а внутри ul

Edited August 23, 2014 by vovka-morkovka

[Нарек]

Показали бы этот кусочек кода на jsfiddle, легче было бы помочь.

[vovka-morkovka]

Показали бы этот кусочек кода на jsfiddle, легче было бы помочь.

вырезал кусок

http://jsfiddle.net/rebroff/pscLu2oh/12/

[Galaxy]

Mac os 10.10 (Yosemite) Safari - такой проблемы не замечено

[Нарек]

Проблему не вижу. Смотрю на windows всеми возможными браузерами включая оперу.

[hypnocolor]

Без полного макета, конечно, трудно сказать, но думаю, что железным решением тут будет накладывание прозрачной png-шки поверх меню с куском изображения, которое идёт следом. Примерно так — http://jsfiddle.net/hypnocolor/xth3kzsp/

[vovka-morkovka]

забыл добавить бекграунд для внешнего контейнера, иначе хавер сливается с фоном

http://jsfiddle.net/pscLu2oh/15/

Без полного макета, конечно, трудно сказать, но думаю, что железным решением тут будет накладывание прозрачной png-шки поверх меню с куском изображения, которое идёт следом. Примерно так — http://jsfiddle.net/hypnocolor/xth3kzsp/

такое решение не походит

под круглым блоком лежит картинка с баннером, баннер загружается в админке, врядли редактора устроит каждый раз вырезать из баннера кусок и сохранять его в пнг

[hypnocolor]

А вообще, судя по шрифтам, вы на винде проверяете. В новой опере на винде у меня тоже всё нормально, а Сафари вообще теперь только под мак обновляется, так что его (виндовый) можно в расчёт не брать, как мне кажется.

Edited August 23, 2014 by hypnocolor

[Galaxy]

в Сафари все нормально показывает) 

[vovka-morkovka]

Win8, Opera 12.12

http://prntscr.com/4flxq8

 

Да, на айпаде в Сафари норм. 

[hypnocolor]

http://jsfiddle.net/hypnocolor/xth3kzsp/4/

Попробуйте этот вариант без png и псевдоэлемента, на бордер-радиусе. Думаю, должен заработать в старой опере.

Edited August 23, 2014 by hypnocolor

[vovka-morkovka]

http://jsfiddle.net/hypnocolor/xth3kzsp/4/

Попробуйте этот вариант без png и псевдоэлемента, на бордер-радиусе. Думаю, должен заработать в старой опере.

http://prntscr.com/4flzrx

 

а разве 12.12 не актуальная версия?

[hypnocolor]

http://prntscr.com/4flzrx

 

а разве 12.12 не актуальная версия?

 

Посмотрите, какая сейчас версия  http://www.filehippo.com/download_opera/

Edited August 23, 2014 by hypnocolor

[vovka-morkovka]

 

http://prntscr.com/4flzrx

 

а разве 12.12 не актуальная версия?

 

Посмотрите, какая сейчас версия  http://www.filehippo.com/download_opera/

 

спасибо