我的网站上有边框。我想在垂直菜单的顶部放置一个图像,在底部放置一个图像,在中间放置一个背景,但这不起作用。
这是我的代码:
.border-image {
border: solid transparent 10px; //I tried with and without this line
border-top-image: url(/pictures/menu_top.png) 10 round round;
border-bottom-image: url(/pictures/menu_bottom.png) 10 round round;
}
#menu_left {
background-image: url(/pictures/menu_middle.png);
background-repeat:repeat-y;
}
我只有中间的图像,但没有顶部/底部的图像。火狐给我:
属性“border-bottom-image”未知。属性“border-top-image”未知。
知道我做错了什么吗?
编辑:这适用于 FF、Chorme 和 Opera,但不适用于 IE9。
border-color:transparent; border-width:45px 10px 48px 10px;
-moz-border-image:url("../pictures/left_menu_full.png") 45 9 48 9 stretch ;
-webkit-border-image:url("../pictures/left_menu_full.png") 45 10 48 10 repeat;
-o-border-image:url("../pictures/left_menu_full.png") 45 10 48 10 repeat ;
-ms-border-image:url("../pictures/left_menu_full.png") 45 10 48 10 repeat ;
border-image:url("../pictures/left_menu_full.png") 45 10 48 10 repeat ;
正如您提到的文章中一样,您仍然需要使用-moz
Firefox 的前缀。
-webkit
适用于 Safari 和 Chrome 等 Webkit 浏览器-o
歌剧用
有时…-ms
对于 Microsoft 来说,尽管在这种情况下,IE9 及更低版本不支持 border-image。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)