CSS3PIE Доступ запрещен

Я работаю над сайтом своей компании, в основном над созданием CSS. Я хотел бы устранить множество маленьких изображений, которые создают закругленные углы, тени и так далее. CSS3 - идеальный выбор, но все же многие наши пользователи используют IE7 и IE8, поэтому мне нужно подготовить и этот сайт для них.

Я нашел много хороших мнений о CSS3PIE, я скачал его и попытался использовать, но мой IE8 не хочет сотрудничать:). Он говорит: Доступ запрещен: PIE.htc Строка: 0 Char: 0 Код: 0. Я пытался поместить файлы в одну папку и в разные папки, проверьте это на сервере и локально... У меня всегда одна и та же информация,

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<title>title</title>
<link rel="stylesheet" rev="template" type="text/css" href="styles.css">
</head>

<body id="home" class="cols_One">
<div id="wrapper" class="fauxBlock">
        <div id="header">
        <div id="cap">
        <div id="welcome"></div>
        <div id="quicklinks">abc</div>
        </div>
         </div>
    </div>
</body>
</html>

CSS:

#cap {
padding: 0 6px; 
font-size: 12px;
border-left: 1px solid #EEE;
border-right: 1px solid #EEE;
margin-bottom: 2px;
text-align: right;
line-height: 25px;
background: #fcfcfc; /*non-CSS3 browsers will use this*/
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4) to(#fcfcfc)); /*old webkit*/
background: -webkit-linear-gradient(left top, left bottom, #f4f4f4, #fcfcfc); /*new webkit*/
background: -moz-linear-gradient(#f4f4f4, #fcfcfc); /*gecko*/
background: -ms-linear-gradient(#f4f4f4, #fcfcfc); /*IE10 preview*/
background: -o-linear-gradient(#f4f4f4, #fcfcfc); /*opera 11.10+*/
background: linear-gradient(#f4f4f4, #fcfcfc); /*future CSS3 browsers*/
-pie-background: ulinear-gradient(#f4f4f4, #fcfcfc); /*PIE*/
-moz-box-shadow: 0 2px 2px #d8d8d8;
-webkit-box-shadow: 0 2px 2px #d8d8d8;
box-shadow: 0 2px 2px #d8d8d8;
behavior:url(PIE.htc);

}

Изменить: я добавил примеры кода

Источник

3 ответа

Я решил эту проблему, изменив окончание строки PIE.htc на Unix (не Windows). Протестировано на Windows7 + IE7 и IE8.

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

Источник

Если css3pie работает как локальный файл, а не на веб-сервере, вам нужно указать полный путь в behavior: свойство, такое как:

behavior:url(C:/foo/PIE.htc);
Источник

Я пытался разместить PIE.htc файл в корневом файле или рядом с (ex: html file). И в css Файл использовал точно такой же атрибут, как этот.yourClass{behavior: url(PIE.htc);}, На самом деле связать ваш htc файл с html страницей, а не css файл. И это сработало для меня.:)

Источник
Другие вопросы по тегам