div中句子末尾的自动箭头图标

Question

在句子结束后需要蓝色箭头为div它应该自动显示我们可以用css

来解决这个问题

我找到了css3的解决方案，但我不能在这个页面中使用css3

我正在使用CMS并且它的客户端添加和编辑包含，无法编写服务器端语言或javascript

我认为用css很容易修复，但如果现在我发现它是不可能的

演示Link

Answer 1

p:after
{
    content: url('images/blue-arrow.png');
}

假设您将蓝色箭头图像保存在该位置。

Answer 2

这不是最佳实践，但在ie7（没有polyfill）中执行此操作的唯一方法是在每个p标记的末尾（在内部）添加内联元素，并为其提供适当的图像样式。

例如：

HTML

<p> Lorem Ipsum... <span class="arrow"></span></p>

CSS

p span.arrow{
    display: inline-block; 
    background: url(img/arrow.png) no-repeat top left; 
    width: XXpx; 
    height: XXpx;
}