ФорумРазработкаКлиентская сторонаВерстка и оформление → Подключение css3pie

Подключение css3pie

  • smackthat

    Сообщения: 464 Репутация: N Группа: Адекваты

    Spritz Янв. 17, 2011, 11:26 д.п.

    css3pie - это какаято хуйка, которая позволяет в IE использовать некоторые эффекты css3, градиенты там, тени.
    Так вот пробую его на простейшем примере, не пашет. В чем проблема? Пример взят с их сайта. Прикрепил архивчик со всеми файлами. index.html:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
       <head>
           <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
           <title>css3pie</title>
           <link rel="stylesheet" type="text/css" href="./css/reset.css" />
           <link rel="stylesheet" type="text/css" href="./css/def.css" />
       </head>
       <body>
           <h1>css3pie</h1>
           <div class="block">text</div>
       </body>
    </html>


    def.css

    body{ padding: 50px }
    h1 { color: red; font-size: 25px }


    .block{
       border: 1px solid #696;
       padding: 60px 0;
       text-align: center; width: 200px;
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px;
       -webkit-box-shadow: #666 0px 2px 3px;
       -moz-box-shadow: #666 0px 2px 3px;
       box-shadow: #666 0px 2px 3px;
       background: #EEFF99;
       background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
       background: -moz-linear-gradient(#EEFF99, #66EE33);
       background: linear-gradient(#EEFF99, #66EE33);
       -pie-background: linear-gradient(#EEFF99, #66EE33);
       behavior: url('PIE.htc');
    }



  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz Янв. 17, 2011, 11:58 д.п., спустя 31 минуту 42 секунды

    а кто сказал, что в иетестере будет работать?))
    Высокоуровневое абстрактное говно
  • smackthat

    Сообщения: 464 Репутация: N Группа: Адекваты

    Spritz Янв. 17, 2011, 12:37 п.п., спустя 39 минут 15 секунд

    ахахах, это я сам себе накрутил))) шас проверю на оригинале
  • Givi

    Сообщения: 2284 Репутация: N Группа: Адекваты

    Spritz Янв. 17, 2011, 5:09 п.п., спустя 4 часа 31 минуту 36 секунд

    Stasovsky, а с чего бы ему не работать, если это обычные себе ява-скрипты, которые вполне поддерживаются ИЕ-тестером?
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz Янв. 17, 2011, 5:09 п.п., спустя 47 секунд

    а иетестер скажет скрипту, что он ие?
    Высокоуровневое абстрактное говно
  • Givi

    Сообщения: 2284 Репутация: N Группа: Адекваты

    Spritz Янв. 17, 2011, 5:18 п.п., спустя 8 минут 45 секунд

    Stasovsky, по идее да, ибо условные комментарии для ИЕшки ведь срабатывают. Вот то, что может тормозить очь сильно, тут не буду спорить.
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz Янв. 17, 2011, 6:02 п.п., спустя 44 минуты 5 секунд

    ну раз так, то ладно))
    Высокоуровневое абстрактное говно
  • smackthat

    Сообщения: 464 Репутация: N Группа: Адекваты

    Spritz Янв. 17, 2011, 8:04 п.п., спустя 2 часа 1 минуту 55 секунд

    Хе, а под win7 не работает оригинальный IE6,7. Но это пох, можно на виртуальной машине проверить. Но у меня даже в IE8 не работает css3pie. В чем может быть проблема?
  • smackthat

    Сообщения: 464 Репутация: N Группа: Адекваты

    Spritz Янв. 18, 2011, 11:25 д.п., спустя 15 часов 20 минут 40 секунд

    Зашел на страничку с демками css3pie IEtester-ом, все работает, значит у меня где-то в коде проблема.
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz Янв. 18, 2011, 11:32 д.п., спустя 7 минут 32 секунды

    smackthat, предположу что в DTD если у тебя остальной код скопирован
    Сапожник без сапог
  • smackthat

    Сообщения: 464 Репутация: N Группа: Адекваты

    Spritz Янв. 18, 2011, 2:34 п.п., спустя 3 часа 2 минуты 3 секунды

    phpdude, вот в этом месте?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    а что тут не так?

Пожалуйста, авторизуйтесь, чтобы написать комментарий!