Jump to content

Firefox and -moz-border-radius.


Scrum
 Share

Recommended Posts

Немного побаловался CSS 3 по мелочам, но жутко как не понравилась работа border-radius под firefox.

Так же оказались несовместимы в работе с одним блоком border-radius и linear-gradient, gradient под всеми браузерами.

Расписывать что не так не буду, кто хочет может пощупать сам, скачав приложенный пример. Для остроты ощущения советую сначала посмотреть в фф а затем хроме или сафари.

css3test.rar

Link to comment
Share on other sites

а где несовместимость закруглений с градиентами?

Знаю, что она есть у IE9, но в вашем примере вообще ведь игнорируется IE.

А в FF и Safari всё как надо.

Замечена только несовместимость закруглений с overflow:hidden в ФФ.

Link to comment
Share on other sites

Ну да, немного есть отличия. Но во-первых у тебя там идёт переход от 0.4 до 0.2, это не такая уж большая разница, а во-вторых с чего ты взял, что именно ФФ неправильно отображает, а не Хром. И вообще вроде всё нормально везде пашет, у меня лично.

Link to comment
Share on other sites

Swetlana

а где несовместимость закруглений с градиентами?

В самом низу дефекты на бордере.

post-982-1295955854_thumb.jpg

Замечена только несовместимость закруглений с overflow:hidden в ФФ.

Да пытался закруглить картинку за счет обрезания, увы.

Psywalker

во-первых у тебя там идёт переход от 0.4 до 0.2.

Это роли не играет, дефекты на бордере все равно будут за исключением когда прозрачность равна 1.

Кстати прозрачность бордера напрямую зависит от прозрачности элемента.

во-вторых с чего ты взял, что именно ФФ неправильно отображает, а не Хром.

FireFox.

post-982-1295956423_thumb.jpg

Ну и посмотри как это делает хром хотя то же не огонь.

post-982-1295958399_thumb.jpg

А сафари почти молодцом держится.

Link to comment
Share on other sites

Что-то я в ФФ несколько иначе вижу, косяков поменьше:

s_1295961654_ed0c6cdcf2.png

s_1295961834_73ca88b826.png

Версии 4 и 3.6 соответственно.

Единственно, что правильнее было бы записать так:

	background: url(cosmic.jpg);
background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;

FF4 например -moz-background-size не понял.

Хотя это и удивительно.

Link to comment
Share on other sites

Делал скрины с 3.6, непонятно почему у вас на 3.6 не сработал -moz-background-size: 100% 100%;

Да и дефекты не так как у меня.

Перепутал картинки.

Но факт остается фактом. Реализация никудышная.

Link to comment
Share on other sites

Становиться страшно что к моменту релиза, нам придется учитывать особенности не только под ослика, что порождает большее кол-во костылей.

Печально все это.

Link to comment
Share on other sites

а чего бояться?

А сейчас разве только ослика особенности учитываем?

Если заниматься вёрсткой постоянно, то так или иначе всё равно в курсе развития браузеров и языков разметки/стилей.

Тут всё нормально

Link to comment
Share on other sites

В FF4b9 практически, как в Crome выглядит, а кое где даже лучше.

Я, кстати, уже давно на бетках FF сижу и мне нравится. А то ведь вся жизнь пройдет, пока стабильная 4 появится.

Что-то уж слишком сильно припозднились они новой версией. Ведь 3.7 должна была выйти в июне 2010, потом она превратилась в 4 и должна была выйти в конце года. Вот уже январь заканчивается, а еще даже RC и не пахнет.

Link to comment
Share on other sites

FF4, конечно, повкуснее будет, чем FF3.*, но нам непозволительно сидеть на бета-версиях без оглядки на текущие версии. За исключением весьма отдельных случаев.

Хотя да: скорее бы :)

Link to comment
Share on other sites

В FF4b9 практически, как в Crome выглядит, а кое где даже лучше.
Да FF в принципе выглядит лучше хрома. Ни в коем случае в программах нельзя скатываться к одной кнопке. Так что фразу нужно писать "выглядит как хром, а может даже ещё хуже". Если не будет отката к старому интерфейсу, то долго ещё 4-я версия будет на рынок идти.
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy