Search the Community
Showing results for tags 'border-radius'.
Found 3 results
-
Столкнулся со следующим странным поведением. В хроме пока работает transition, фон просвечивает через border-radius (наведите на первый пункт). В Лисе градиент имеют такую особенность: полосочка 10px, полосочка 10px, прозрачность, на стыке второй полосочки и прозрачности образуется некий серый фон толщиной пикселя в два. Поскольку фон в примере двухнаправленный, то Вы, убрав одно направление (65 или 66 строчка, не забудте в конце оставленной строчки поставить точку с запятой ), можете увидеть что полоска есть только в том направлении, где нулевой переход из цвета в прозрачность. По обеим глюкам: что это? откуда это? куда писать? какие способы бороться? Спасибо за внимание -
http://tellmeof.cc.ua/Map/map.html 1. Safari 7 (в более старых не проверял) не скругляет углы у iframe. Вроде бы поддерживает border-radius и overflow:hidden, но тут почему-то не работает. 2. IE7 и IE8 не скругляют углы у iframe. Благодаря pie.htc, скругляются углы у контейнера .s-circle1, но у самого iframe - нет. Overflow:hidden контейнера тоже не обрезает карту, как ожидалось. 3. IE7 и IE8 не отрабатывают ховер. 4. IE9+ как-то странно отрабатывают ховер. Когда курсор переходит на саму карту, ховер-состояние перестаёт действовать. Хотя в нормальных браузерах действует. Прошу помощи.
-
Мне нужно сделать такую штуку: <div class="item_header"> <div class="item_header_title">A SIMPLE MATH PROBLEM</div> <div class="item_header_price">$30</div> </div>для внешнего div'а делаю border-radius, всё хорошо, но вот внутренние вылезают поверх скругленных углов. Можно ли как-то сделать, чтобы 2 внутренних блока (синий и зеленый) были с прямыми углами, но то, что выходит за круглую границу родительского дива просто обрезалось? Вариант скруглить всё что можно работает, но хотелось бы другое решение.. может быть какое-то сочетание из display и overflow? или как-то иначе.. Спасибо
