p标签

时间:2015-09-04 17:58:53

标签: css background-image

我找到了一个解决堆栈溢出问题的潜在解决方案,但它似乎对我不起作用。我想在p.choke之前和之后出现一个图像,所以在顶部和底部。我使用以下CSS:

p.choke:before{
    content:" ";
    background-image:url(...);
    background-position:center top;
}

p.choke:after{
    content:" ";
    background-image:url(...);
    background-position:center bottom;
}

p.choke{
    background-image:url(...);
    background-repeat:no-repeat;
    background-position:center top;
    width:75%;
    line-height:2em;
    text-align:center;
    margin:0 auto;
    color:#009245;
    padding:1em 0;
}

图片应该出现在我的段落标签的顶部和底部,对吧?我读到了其他人遇到同样的问题,这就是他们使用的语法。为什么我的图片只显示在顶部?

http://dev.myfishermanscove.com/resort-services/hours-and-rates/

1 个答案:

答案 0 :(得分:1)

而不是:

p.choke:after{
    content:" ";
    background-image:url(...);
    background-position:center bottom;
}

我用过......

p.choke:after{
    content:url(...);
    background-position:center bottom;
}

似乎现在正在工作。仍然不确定为什么其他方式不起作用。