自动箭头图标

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; 
}