Блог

Я использую cakephp и хочу сделать css border-radius это для закругленных углов в определенных разделах. Он хорошо работает для всех других браузеров, кроме IE. Сейчас я ссылаюсь на ссылку http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser для поддержки закругленных углов в IE. Но проблема в том , как и где именно разместить border-radius.htc . Страницы загружаются с сервера динамически и из разных папок. Итак, как я смогу определить относительный путь, указанный в данной ссылке.

Как я уже говорил в своем комментарии, я рекомендую использовать CSS3Pie вместо border-radius.htc.

Но они оба работают одинаково, поэтому к ним обоим относится один и тот же вопрос.

Ответ заключается в использовании абсолютного URL-адреса для файла .htc, а не относительного.

Таким образом, если вы знаете, где находится ваш файл htc, вы всегда можете ссылаться на него по тому же пути, и он всегда будет работать.

Использование относительных URL-адресов с файлами htc, похоже, приводит к путанице (сейчас есть еще один вопрос по той же теме), но переключитесь на абсолютный путь, и он должен просто работать.

Поэтому вместо того, чтобы использовать

 behavior:url(../../css/pie.htc);
 

… просто используйте

 behavior:url(/css/pie.htc);
 

[ПРАВИТЬ]

Если это не сработает, есть еще ряд других причин, которые могут привести к тому, что файл HTC не будет работать.

Наиболее распространенной проблемой является проблема с типом контента. IE очень привередлив с этим: файл HTC должен быть подан как text/x-component . Если это не так, IE загрузит его, но затем полностью проигнорирует.

Если это так, вы можете исправить это, добавив тип содержимого в конфигурацию вашего сервера. На веб-сайте CSS3Pie есть инструкции о том, как это сделать. (а также смотрите на той же странице другие известные проблемы с CSS3Pie, большинство из которых также относятся к border-radius.htc )

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

Во-первых: если у вас есть доступ к вашему файлу .htaccess, добавьте это внизу.

 AddType text/x-component .htc
 

Затем возьмите ваш файл .htc (или, в моем случае, несколько файлов pie)
Затем при обращении к моему файлу .htc:

 behavior: url(/PIE.htc);
 

если вы не можете добавить в .htaccess, используйте pie.php файл, который поставляется с cssPie, и ссылайтесь на него вместо этого.

 behavior: url(/PIE.php); 
 

Также убедитесь, что ваш элемент является относительным, с каким-то набором z-индексов:

 z-index:1;
position:relative;  
 

Это не работало в ie8, пока у меня не было этого набора.

Надеюсь, это поможет!!

Я также использую CSS3Pie с CakePHP — я просто помещаю PIE.htc и PIE.php в app/ webroot/ css и в моем файле style.css ссылаются на него следующим образом:

 border-radius: 8px;
-moz-border-radius: 8px;
behavior: url(/css/PIE.php);