从右边放置背景图像1em？

据我所知,不可能从任何块的右边框放置CSS背景图像1em,也不可能从底部放置图像1em.

以下代码从左侧放置背景图像1em,从顶部放置2em.

  Some text here

如果框的大小是动态的并且假设您无法更改HTML,那么在CSS中是否有任何方式指定背景图像应该"远离右边缘"？

(百分比不起作用,因为盒子可以改变大小)

如果无法做到这一点,那么您需要对HTML进行的最小更改量是多少？

这是我提出的解决方法:

  
 
  Some text here

Vlad Magdali.. 27

在CSS3背景位置规范允许您将锚点从左上角变成你想要的任何东西.例如,以下内容将从右侧设置图像1em的下角,从底部设置2px:

background-position: right 1em bottom 2px;

确认工作于:

IE9/10,Firefox 13 +,Chrome 26 +,Opera 11 +,Seamonkey 2.14 +,Lunascape 6.8.0

截至2013年4月,只有IE6-8和一些边缘浏览器缺乏支持.

这是一个测试页面:http://jsbin.com/osoju​​z/1/edit

在CSS3背景位置规范允许您将锚点从左上角变成你想要的任何东西.例如,以下内容将从右侧设置图像1em的下角,从底部设置2px:

background-position: right 1em bottom 2px;

确认工作于:

IE9/10,Firefox 13 +,Chrome 26 +,Opera 11 +,Seamonkey 2.14 +,Lunascape 6.8.0

截至2013年4月,只有IE6-8和一些边缘浏览器缺乏支持.

这是一个测试页面:http://jsbin.com/osoju​​z/1/edit