html - CSS bg 图片定位

Question

我有一个带有 bg 图像的 div 可以background-position:bottom right -3px;在 Firefox 中完美运行，但是它在 IE 和 CHROME 中会中断。如何在 IE 和 CHROME 中根据需要在 DIV 中定位我的图像？

下面是IE和火狐的截图

火狐^

即^

CSS

.side_msg { font-size:16px; text-align:left; color:#EFEFEF; background-color:#7B9F31;     padding:30px; border-top:2px solid #FFF; border-left:2px solid #FFF;     border-right:2px solid #FFF; margin-right:-80px;
 background-image:url(../img/msg_bot.png); background-position:bottom right -3px       !important; background-repeat:no-repeat;  }
.side_msg_top { position:relative; right:-80px; bottom:-12px; min-height:58px;      background-image:url(../img/msg_top.png); background-position:right; background-repeat:no-repeat; }

Answer 1

位置只能是两个坐标，所以：

background-position: right bottom;

或者：

background-position: right -3px;

或者：

background-position: -3px bottom;