CSS3Pie - учим Осла (IE) новым технологиям

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем moneymc, 15 фев 2013.

  1. moneymc

    moneymc

    Регистрация:
    22 янв 2013
    Сообщения:
    200
    Симпатии:
    36
    http://css3pie.com/ - решает почти все проблемы с ослоподобными браузерами вплоть до шестого осла.
    Все что нужно сделать - добавить строку кода (одинаковую) в тех стилях, которые использую технологии неведомые Ослу.

    От себя: лучшее решение, которое приходилось видеть. Все работает, все красиво. Не "один в один", конечно, но для осла это просто прорыв.
     
  2. sitecreator

    sitecreator

    Регистрация:
    1 фев 2013
    Сообщения:
    291
    Симпатии:
    65
    интересное решение.

    Код:
    element{ 
    	background-color: #F07575;
    	background-image: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 80%, 70%)), to(#BADA55)); 
    	background-image: -webkit-linear-gradient(top, hsl(0, 80%, 70%), #BADA55); 
    	background-image:	-moz-linear-gradient(top, hsl(0, 80%, 70%), #BADA55); 
    	background-image:	-ms-linear-gradient(top, hsl(0, 80%, 70%), #BADA55); 
    	background-image:	  -o-linear-gradient(top, hsl(0, 80%, 70%), #BADA55); 
    	background-image:		linear-gradient(to bottom, hsl(0, 80%, 70%), #BADA55);
    	-pie-background: url(bg-image.png) no-repeat, linear-gradient(#CCC, #EEE);
    }  
    жаль, что для остальных браузеров опять-таки вручную нужно прописывать стили, а это целых 6 верхних строчек в приведенном мною коде.

    а нет ли удобного инструмента чтобы просто написать одну строчку по современному стандарту, например,
    Код:
    background-image:		linear-gradient(to bottom, hsl(0, 80%, 70%), #BADA55);
    а дальше для остальных браузеров сформировалось все автоматически?

    в PHPstorm такой возможности нет, насколько я знаю.
    а может быть есть с помощью плагина?
     
  3. weber

    weber

    Регистрация:
    7 фев 2013
    Сообщения:
    98
    Симпатии:
    32
    sitecreator, если пользуетесь хромомо при разработке, то есть очень удобный инструмент CodeCola , давно им пользуюсь, очень удобно
     
  4. sitecreator

    sitecreator

    Регистрация:
    1 фев 2013
    Сообщения:
    291
    Симпатии:
    65
    Пользуюсь сейчас PIE 2-й версии. Очень полезная штука. И очень нужная для ie9, ведь он не умеет делать градиенты, а фильтр, который можно использовать вместо градиентов годится только лишь для прямоугольных объектов БЕЗ закруглений, иначе если есть закругления, то фон, сделанный с помощью фильтра, все равно остается прямоугольным.

    Использую совместно с LESS CSS для возможности писать стили (градиент, например) одной строкой для всех браузеров сразу.