我找到了一个解决堆栈溢出问题的潜在解决方案,但它似乎对我不起作用。我想在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/
答案 0 :(得分:1)
而不是:
p.choke:after{
content:" ";
background-image:url(...);
background-position:center bottom;
}
我用过......
p.choke:after{
content:url(...);
background-position:center bottom;
}
似乎现在正在工作。仍然不确定为什么其他方式不起作用。