Вопрос по css3, firefox, css – -moz-border-radius удален из firefox 13

5

Вчера я обновился до Firefox 13 и заметил, что это свойство больше не поддерживается Firefox 13, jquery.ui.css использует это, и теперь у меня есть все элементы пользовательского интерфейса jquery без круглых углов. Любое решение, прежде чем заменить все вручную в файле CSS с border-radius?

@ & # xC1; lvaroG.Vicario они отлично выглядят даже без префикса! :-D Christoph
Я использую несколько тем, некоторые из версий 1.7- 1.8.6 не кастомные, только что скачанные с сайта jquery albanx
Просто чтобы уточнить: вы используете пользовательскую тему, которая не использует стандартное свойство, или официальные темы пропускают ее? Álvaro González
Пришло время начать использовать стандарт! Это принцип иметь одинаковый интерфейс и разную реализацию. Bakudan
Я только что обновился до Firefox 13 иround corners in official themes хорошо выглядеть: -? Álvaro González

Ваш Ответ

5   ответов
9

https://developer.mozilla.org/en/CSS/border-radius

говорит, что он был удален в 13, нет другого выбора, кроме как изменить его на border-radius. Я бы не стал называть это руководством, открывать их в текстовом редакторе, выполнять поиск и замену.

Или вы знаете, просто обновите пользовательский интерфейс jQuery.
да, я уже сделал это, но в случае "-moz-border-radius-topleft преобразуется в border-top-left-radius" сложнее albanx
есть 5 возможных свойств (о которых я знаю) с "-moz-border-radius". с поиском / заменой всего может не потребоваться больше пары минут, если вы не измените ни одно из значений, только имя свойства. Ожидание ответа здесь заняло бы намного больше времени, чем изменение
Вы правы, но на самом деле решение состоит в том, чтобы добавить 5 новых возможностей, а не удалять их, для резервной поддержки albanx
Да, у меня есть 100 ссылок на эту недвижимость, например-moz-border-radius-topleft переводится наborder-top-left-radius, так что автоматическая замена действительно трудно albanx
1

потому что файлы jQuery-UI css объявляют границы радиусов правильным образом.

<prefixed>-border-radius:xxx
border-radius:xxx

Таким образом, вы даже не заметите изменения. Поэтому я не могу поверить, что вы пропустите круглые углы, не изменив исходную таблицу стилей. Возможно, ваша проблема лежит где-то еще?

Да, но это не говорит правильно: -moz-border-radius-topleft, почти в старых версиях albanx
@albanx Ну, тогда вы используете версию jqueryUI, которая довольно старая. Просто попробуйте обновить ваш jqueryUi до версии, которая поддерживает новый синтаксис.
2

-moz-border-radius:10px;
-webkit-border-radius:10px; 

но они перестали работать в v13. Я переключился на:

border-radius:10px;

и это снова работает!

Вам не нужно заменять, а скорее добавлять эту строку (обратная совместимость)!
5

border-radius является стандартом, поэтому он всегда должен был быть включен в ваш CSS как запасной вариант, поскольку браузеры приняли стандарт.

-2

Find and Replace в завершенном проекте ...

Плохая идея, так как вы теряете обратную совместимость! Обычно вы просто должны были объявить радиусы стандартным способом.

Похожие вопросы