Html css3边框图像'；中国的透明巴布亚新几内亚问题

我正在使用带有透明部分的PNG图像的

边框图像

。问题是div的背景色设置为黑色。当我应用

边界半径时

，图案的透明部分显示div的黑色，而不是包含div的元素的背景

如何使边界半径忽略div的颜色。下面是有问题的代码

HTML

<header>
    <div  class="outerColumn">
        <div class="column clearfix">
            <h1>Company</h1>
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">My Work</a></li>
                    <li><a href="#">About me</a></li>
                    <li><a href="#">Elements</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
        </div>
    </div>
</header>

---

将边框放在背景透明的包装上

<div id="HeaderBorder">
    <header>
        ...
    </header>
</div>

<style type="text/css">
    #HeaderBorder { /* border image stuff + transparent background */ }
</style>

...
#标题顺序{/*边框图像填充+透明背景*/}

您可以将背景剪辑设置为填充框，以将背景颜色大小设置为无边框填充框：

-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;

---

有关更多信息，请参阅。

我不喜欢为css添加额外div的想法，但它很有效。您已经有了一堆包装器。你有没有试过把背景颜色放在其中一个上面，让标题背景透明？

-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;