2

我想让图像出现在 div 的左侧（垂直居中）。这是怎么做到的？

这是我拥有的代码。（图像在每个角落都显得非常小。我尝试过背景 url(../images/error24x24.png) 不重复；但这也不起作用。（图像已加载，但看起来很时髦）

.formValidation {
    background-color:rgb(71,89,32);
    color:white;
    font-weight:bold;
    padding:10px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-border-image: url(../images/error24x24.png);
    border-image: url(../images/error24x24.png);
}

    <div class="formValidation">
        Please enter a category.
    </div>

编辑：我的最终 CSS：

.formValidation {
    background-color:rgb(52,31,36);
    color:white;
    font-weight:bold;
    padding:10px 10px 10px 35px;
    -moz-border-radius:15px;
    border-radius:15px;
    margin-bottom:10px;
    background-image: url(../images/error24x24.png);
    background-position:8px center;
    background-repeat:no-repeat;
}
4

1 回答 1

1

使用background-imageandbackground-position而不是border-image.

这是一个很好的起点：http ://coding.smashingmagazine.com/2009/09/02/backgrounds-in-css-everything-you-need-to-know/

查看 MDN 以获得全面的文档：https ://developer.mozilla.org/en-US/docs/CSS/background

于 2013-04-28T21:07:02.947 回答