在文本之后放置背景图像

Question

我有一个标题元素,我想把它放在一个背景图像,但我想把它放在最后.因此无论文本的宽度如何,它总是在文本结束后保留.可能？怎么样？

<h1>Here is my dynamic text</h1>

Answer 1

如果你想把它放在文本后面,你应该使用伪元素:

h1:after { content:url(myimage.png); }

如果你想拥有一个真正的背景图像,你只能在改变h1to 时才这样做display:inline,因为否则元素会拉伸到它的父级的全宽,因此失去对所包含文本大小的所有引用.

所有其他解决方案(包括此处提到的其他解决方案)都需要更改HTML标记,因此不是纯CSS解决方案.

[IE8 +](http://caniuse.com/css-gencontent).使用单冒号语法,所有浏览器都支持它(使用双冒号IE9 +).[IE7-或多或少死了谢天谢地](http://thenextweb.com/insider/2013/06/01/ie10-blows-past-ie7-and-ie6s-combined-market-share-firefox-gains-too -but-chrome-hits-21-month-low /)你不应该在新网站上为他们打补丁. (3认同)
我想只有这个人有这个问题,+ 1 (2认同)