Q

如何使用CSS來顯示邊框圖像？

2013-02-25 26 views -1 likes

-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

enter image description here

2013-02-25 sumitdadhich

+0

你在哪裏有背景圖片？或者你的意思是'邊界圖像'？ IE 9及以下版本不支持'border-image'。對於IE 10它可能會與'-ms-border-image'一起工作 – 2013-02-25 12:30:27

+0

offset1是類 – sumitdadhich 2013-02-25 12:32:43

+0

這已經是.offset1 – sumitdadhich 2013-02-25 12:36:16

A

回答

0

據我所知，物業border-image不被Internet Explorer支持。看到這個1小例子的代碼。嘗試使用不同的瀏覽器，除Internet Explorer之外的所有工作。

2013-02-25 13:28:55 bratkartoffel

+0

：請發送示例。 – sumitdadhich 2013-02-25 13:41:23

0

這是因爲Internet Explorer doesn't support border-image, at all和PIE's support is very specific and limited，更不用說在IE10中完全不支持。

換句話說，你必須有非常具體的代碼，每個PIE的文檔，讓它在IE9和更低版本中工作，並且你根本不會在IE 10中工作。

我強烈建議只對Internet Explorer進行回退並完成它。

2013-02-25 15:05:19 Shauna

+0

：你好請回復一下IE9和IE10中的一些代碼示例支持。 – sumitdadhich 2013-02-26 05:39:44

+0

@sumitdadhich - 你不會*獲得*支持IE10。這是我的觀點，你將不得不根據我爲你鏈接的文檔來玩你的代碼，以使IE9正常工作。 – Shauna 2013-02-26 13:51:05

+0

@Shauna聽起來像'IE生氣'開發人員的答案。 – 2013-02-26 13:55:18

相關問題