2012-05-29 3 views
0

Я использую CSS3 pie и вызываю его прикрепленными js-файлами непосредственно перед тегом head.CSS3 Pie background image does not show

По какой-то причине появляется мое фоновое изображение inst. Я попробовал стандартное добавление z-index и исправлений положения, но оно не отображается. Любое руководство поможет оценить.

Ниже приведено css.

.linkButton { 
    background: url('../Images/linkButtonBg.png') 100% 9px no-repeat #dc5c00; 
    background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -webkit-gradient(linear, 0% 0% 0% 100% from(#e36000), to(#c85400)); 
    background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -webkit-linear-gradient(top, #e36000, #c85400); 
    background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -moz-linear-gradient(top, #e36000, #c85400); 
    background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -ms-linear-gradient(top, #e36000, #c85400); 
    background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -o-linear-gradient(top, #e36000, #c85400); 
    -pie-background: url('../Images/linkButtonBg.png') 100% 9px no-repeat #000; 
    padding: 10px 10px 10px 11px; 
    display: inline-block; 
    color: #ffffff; 
    font-weight: bold; 
    box-shadow: inset 0 1px 0 0 #ff801e, 0 0 1px 1px #ffffff, 0 0 1px 1px #ffffff; 
    border: 1px solid #c85400; 
    text-shadow: #813700 2px 2px 1px; 
    line-height: 12px; 
    margin-bottom: 7px; 
    width: 326px; 
    display: block!important; 
    position:relative; 
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;`enter code here` 
    z-index:1; 
} 
+0

Привет положить пирог файл положить корневую папку .......... –

+0

Спасибо вы за комментарий. Это уже был последний тег перед тегом закрывающего тега – buffaloj

ответ

3

Прежде всего вам не нужен -pie-background для простого старого изображения + цвет фона.

Если вы хотите использовать -pie, помните, что пути: relative to html not css.

(я предполагаю, что вы настроили мим-типа и т.д., и пирогов работы для вас в разных случаях.)

+0

Спасибо, был относительно CSS, а не HTML. Это решило мою проблему. – buffaloj

0
.linkButton{ 
    behavior: url(PIE.htc); 
} 

Кроме того, попробуйте добавить .index файл со следующим содержимым в том же месте, что и файл PIE.htc:

подробнее Информация http://css3pie.com/

http://css3pie.com/documentation/

+0

Спасибо за комментарий. Я использую файл pie js, поэтому не нужно добавлять это к каждому классу. – buffaloj

0

Try связывая его без точек и слэш следующим образом:

-pie-background: url('Images/linkButtonBg.png') 100% 9px no-repeat #000; 
+0

Благодарим вас за отзыв. Кажется, не работает извините – buffaloj