自動箭頭圖標

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