Русский разработчик со стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Joomla, Drupal, Opencart, Laravel, Moonshine.
Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.
У меня не работает для border-top-right-radius, border-bottom-right-radius, т.е. если делаю скруглённые углы для всех, то работает, как только задаю для двух углов не работает,так и есть, или что-то не так делаю?
Спасибо большое! Видимо всё таки не работает под разные углы, так как с табами у них просто перекрывается нижним блоком и закрываются уголки нижние, ну ладно, тоже тогда так сделаю, хотя жалко, хороший скриптик
да, я так бы и мыкалась, что называется, смотрю в книгу, и не вижу ничего :)), так что помощь нужная, спасибо ещё раз! Если что можно удалить эту ветку.
Айрат
12 лет назад
Интересно, а что Oper’у стороной обошли с градиентом, по-моему у нее есть свойства CSSградиета да и файл PIE.htc — это же javascript инструкции. Не проще ли jQery эффекты подключить?
На момент создания скрипта Опера не поддерживала CSS градиенты (исключение SVG).
Зачем тянуть целый фреймворк jQuery для получения какого-либо эффекта?
Надежда
12 лет назад
Не совсем по теме вопрос (вопрос по свойству border-radius), может сталкивались с таким, нужно смотреть в опере или хроме, баг в картинках с серым бордером скруглённым, сами углы почти не видны. Свойство border-radius применено к img, у которых стоит border.
Строку подправил, js заменил на htc. Ничего не изменилось. Рядом с html файлом положил .htaccess со строкой «AddType text/x-component .htc», но всё равно ничего не изменилось, кроме того, что у поля исчезли бордюры.
Подключать же файл PIE.htc в теге head не нужно?
Подключать ничего более не нужно. Путь в behavior проверили? Через консоль браузера смотрели? Бордеры отваливаются после подключения HTC? Если да, то попробуйте дать этим элементам hasLayout (например, zoom: 1). И попробуйте на время отключить фильтр для ИЕ.
Денис
11 лет назад
Путь проверил (через «средства разработчика») — всё в порядке behavior: url(PIE.htc);
Zoom: 1 в CSS добавил, но пока без толку.
У меня не работает для border-top-right-radius, border-bottom-right-radius, т.е. если делаю скруглённые углы для всех, то работает, как только задаю для двух углов не работает,так и есть, или что-то не так делаю?
Пример увидеть можно? Потому как у меня работает в любой вариации углов.
да, вот примерчик http://nadena.ru/kr/, меню на жёлтом фоне, должны быть скруглены только верхние углы
У вас в IE вообще хоть какие-то углы скругляются?
да, на ссылках выше как раз сделаны скруглённы уголки с помощью этого htc
а вы, кстати не покажете демо пример, именно не со всеми углами, а несколькими, я сравню, может пойму в чём дело?
Навскидку не скажу. Посмотрите здесь.
UPD: извинюсь, там использую другое решение — DD_roundies.
У них на сайте есть пример с табами. Насколько я помню у них задание углов для скругление возможно только одной строкой, типа так:
У вас же задано немного неверно:
Спасибо большое! Видимо всё таки не работает под разные углы, так как с табами у них просто перекрывается нижним блоком и закрываются уголки нижние, ну ладно, тоже тогда так сделаю, хотя жалко, хороший скриптик
См. коммент выше
ой, да, спасибо! Это я такая внимательная, точно, просто нужно сокращённую запись использовать, отлично, всё работает! Спасибо ещё раз!!
Собственно, не за что.
да, я так бы и мыкалась, что называется, смотрю в книгу, и не вижу ничего :)), так что помощь нужная, спасибо ещё раз! Если что можно удалить эту ветку.
Интересно, а что Oper’у стороной обошли с градиентом, по-моему у нее есть свойства CSSградиета да и файл PIE.htc — это же javascript инструкции. Не проще ли jQery эффекты подключить?
На момент создания скрипта Опера не поддерживала CSS градиенты (исключение SVG).
Зачем тянуть целый фреймворк jQuery для получения какого-либо эффекта?
Не совсем по теме вопрос (вопрос по свойству
border-radius
), может сталкивались с таким, нужно смотреть в опере или хроме, баг в картинках с серым бордером скруглённым, сами углы почти не видны. Свойствоborder-radius
применено кimg
, у которых стоитborder
.Видел подобную проблему. Совет: использовать
border-radius
не для тегаimg
, а для —div
, содержащий эту самую картинку.Спасибо! Мне тоже такая идея приходила в голову, но эффект был тот же, но попробую ещё раз!
Можно положить картинку фоном на слой, у которого скруглены углы. Подробнее.
Здравствуйте! У меня почему-то градиент применился, а тень и скруглённые уголки нет. В чём может быть причина? Спасибо.
Использую IE8.
Желательно пример ваш увидеть — так трудно сказать.
Что-то не получилось вставить весь код. Как вставить его нормально? В теги code можно оборачивать?
Смущает строка
url(Components/Components/CSS3PIE/PIE.js);
. По идее там должен быть путь к htc файлу. Возможные неполадки смотрите тут.Строку подправил, js заменил на htc. Ничего не изменилось. Рядом с html файлом положил .htaccess со строкой «AddType text/x-component .htc», но всё равно ничего не изменилось, кроме того, что у поля исчезли бордюры.
Подключать же файл PIE.htc в теге head не нужно?
Подключать ничего более не нужно. Путь в behavior проверили? Через консоль браузера смотрели? Бордеры отваливаются после подключения HTC? Если да, то попробуйте дать этим элементам hasLayout (например, zoom: 1). И попробуйте на время отключить фильтр для ИЕ.
Путь проверил (через «средства разработчика») — всё в порядке
behavior: url(PIE.htc);
Zoom: 1 в CSS добавил, но пока без толку.
И фильтр-фишинг отключен
Я имел ввиду
filter: progid
. Бордеры отваливаются после подключения HTC? Или без него тоже самое? На локальной машине смотрите или на сервере?Отключил
filter
— заработало. Спасибо. На локальной машине делаю. Каким образом фильтр влияет на css3pie? Спасибо ещё раз.Для задания градиента используйте
-pie-background
(линк)И градиент исчез.
background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
теперь не действует. Как исправить?Смотрите пруфлинк — там есть примеры и проблемы и их решения.
Спасибо.
Скажите, пожалуйста, а Вы применяете css3pie в своих проектах и как часто?
Применяю, но не часто. В основном использую DD_belatedPNG и DD_roundies.
И ещё: как в комментах код обрамлять, чтобы был в тексте на сером фоне?
Для этого есть тег
<code>...</code>
Скажите, пожалуйста, css3pie поддерживает внутреннюю тень
box-shadow: inset
? У меня в IE8 только внешняя отображается.В данный момент не поддерживает, но в планах есть.
Спасибо.