Как использовать css для отображения изображения границы?

-1

Этот код отображает изображение границы только в Google Chrome и Mozilla Firefox, но не в IE 9 или 10. Какие изменения необходимо внести в CSS и этот код, используемый в WordPress? Есть ли плагин, который я могу использовать для достижения этого?Как использовать css для отображения изображения границы?

.Offset1 { 
    width:525px; 
    height:auto; 
    float:left; 
    margin-left:8px; 
    border-style:double; 
    border-width:30px 30px 30px 30px; 
    -moz-border-image:url("<?php echo $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    -webkit-border-image:url("<?php echo $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    -o-border-image: url("<?php echo $vtheme_options['logo']; ?>")30 30 30 30 stretch stretch; 
    border-image:url("<?php echo $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    behavior:url(PIE.htc); 
    position: relative; 
} 

@media (max-width: 767px) { 
    .Offset1{ width:222px; 
     margin-left:3px; 
    } 
}

enter image description here

источник

2013-02-25 sumitdadhich

где у вас есть фоновое изображение? или вы имеете в виду 'border-image'? 'border-image' не поддерживается для IE 9 и ниже. для IE 10 он, вероятно, будет работать с '-ms-border-image' –

offset1 является классом – sumitdadhich

это уже .offset1 – sumitdadhich

Насколько я знаю, свойство border-image не поддерживается Internet Explorer. См. Этот маленький код примера 1. Попробуйте это с разными браузерами, все работают, кроме интернет-браузера.

источник

2013-02-25 13:28:55 bratkartoffel

: пришлите пример. – sumitdadhich

Это потому, что Internet Explorer doesn't support border-image, at all и PIE's support is very specific and limited, не говоря уже о том, что в IE10 не поддерживается вообще.

Другими словами, для обеспечения его работы в IE9 и ниже необходимо иметь очень специфический код, в соответствии с документацией PIE, и вы не получите его вообще в IE 10.

Я очень рекомендую просто иметь резервную копию для Internet Explorer и делать с ним.

источник

2013-02-25 15:05:19 Shauna

: привет, пожалуйста, ответьте на некоторые примеры поддержки кода в IE9 и IE10. – sumitdadhich

@sumitdadhich - Вы не собираетесь * получать * поддержку IE10. Это моя точка зрения, и вам придется играть с вашим кодом на основе документации, которую я связал для вас, чтобы IE9 работал правильно. – Shauna

@Shauna Это звучало как ответ разработчика «IE pissed off». –

Как использовать css для отображения изображения границы?

ответ

Смежные вопросы