Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress 如何使用css显示边框图像?_Wordpress_Css - Fatal编程技术网

Wordpress 如何使用css显示边框图像?

Wordpress 如何使用css显示边框图像?,wordpress,css,Wordpress,Css,此代码仅在Google Chrome和Mozilla Firefox中显示边框图像,而不在IE 9或10中显示。CSS和WordPress中使用的代码需要做哪些更改?有没有一个插件我可以用来实现这一点 .Offset1 { width:525px; height:auto; float:left; margin-left:8px; border-style:double; border-width:30px 30px 30px 30px;

此代码仅在Google Chrome和Mozilla Firefox中显示边框图像,而不在IE 9或10中显示。CSS和WordPress中使用的代码需要做哪些更改?有没有一个插件我可以用来实现这一点

.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;
    }
}
.Offset1{
宽度:525px;
高度:自动;
浮动:左;
左边距:8px;
边框样式:双边框;
边框宽度:30px 30px 30px 30px;
-moz边框图像:url(“”)30拉伸;
-webkit边框图像:url(“”)30拉伸;
-o-border-image:url(“”)30拉伸;
边框图像:url(“”)30拉伸;
行为:url(PIE.htc);
位置:相对位置;
}
@介质(最大宽度:767px){
.Offset1{宽度:222px;
左边距:3倍;
}
}


据我所知,internet explorer不支持属性
边框图像。请参阅这个小示例代码。尝试使用不同的浏览器,除了internet explorer,其他浏览器都可以使用。

这是因为,更不用说IE10完全不支持

换句话说,根据PIE的文档,您必须有非常具体的代码才能在IE9及以下版本中工作,在IE10中根本无法工作


我强烈建议您只需为Internet Explorer设置一个后备功能,然后就可以使用它。

在哪里有背景图像?或者你的意思是
边框图像
边框图像
。对于IE 10,它可能会与
-ms border image
一起工作,这已经是一个问题了。offset1@t.niese:您好,我已附上屏幕截图和背景图像。reply@sumitdafhich:我刚刚检查了ms规范,他们告诉我ie@t中不支持
border iamge
。niese:如何更改支持ie的css。此代码在iE4和IE5中工作,但不在IE9和IE10中:您好,请回复IE9和IE10中的一些示例代码支持。@sumitdadhich-您将无法获得IE10的支持。这就是我的观点,你必须根据我为你链接的文档来使用你的代码,才能让IE9正常工作。@Shauna这听起来像是一个“IE愤怒”的开发人员回答。@Milchepaten-怎么会这样?PIE人甚至不支持IE10的边框图像(从链接“PIE将对边框图像属性的支持添加到IE6-9”),IE9对有PIE支持的边框图像的支持最多是挑剔的。在没有代码的情况下,如何提供代码使其工作?(当然,如果你知道在IE9和IE10中使用边界图像的方法,那么请务必在此处提供答案。)@Shauna抱歉,这不是我的意思。读你的答案听起来像是我告诉一位同事,不,它不起作用,推我,它不起作用。与此问题无关,只是与“跨浏览器”开发相关(面带微笑)。