Я пытаюсь получить линейные градиенты для работы с CSS3Pie (v1.0) и IE9.CSS3Pie v1.0 - Нет градиентов в IE9, работает в IE8
Странно демо работает на CSS3Pie site с IE9, но с использованием того же CSS, что и на демо, не работает на моем сайте. Он работает с IE8, поэтому я знаю, что PIE работает и находится в правильном месте (чтобы проверить, он перестает работать, если я прокомментирую behavior: url(/css/PIE.htc);
).
Вот CSS я использую:
.test {
padding: 20px;
text-align: center;
width: 200px;
height:100px;
-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: #FF7777;
position:relative;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF7777), to(#c40808));
background: -webkit-linear-gradient(#FF7777, #c40808);
background: -moz-linear-gradient(#FF7777, #c40808);
background: -ms-linear-gradient(#FF7777, #c40808);
background: -o-linear-gradient(#FF7777, #c40808);
background: linear-gradient(#FF7777, #c40808);
-pie-background: linear-gradient(#FF7777, #c40808);
behavior: url(/css/PIE.htc);
}
Я предпочел бы не использовать фильтры IE, так как демо, кажется, работает без них.
Я уже прочитал this question, но так как демо работает, и этот вопрос составляет около года, а PIE теперь на версии 1.0, что я должен делать что-то неправильно.
Любая идея о том, куда идти дальше?
попробуйте использовать абсолютный путь (с 'HTTP: // локальный /' и т.д.) и посмотреть, если он изменяет что-нибудь – mreq
я считаю, что использование javascript для PIE работает лучше, чем использование реализации HTC. Но я использовал PIE только для поддержки радиуса границы. – Teddy
Teddy: Это широкоформатный общедоступный сайт, поэтому повторное рендеринг после загрузки страницы вызывает некоторую озабоченность, к сожалению. –