CSS bg图像定位

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

这里有IE和FIREFOX

enter image description here

FIREFOX^

enter image description here

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

的屏幕截图210

来源

2012-07-20 fyz

'背景：＃7B9F31 URL（../ IMG/msg_bot ''这个简写代码也适用于'FIREFOX'，但不适用于'IE'或'CHROME' – fyz 2012-07-20 23:33:59

位置只能是两个坐标，那么：

background-position: right bottom;

或者：

background-position: right -3px;

或者：

background-position: -3px bottom;

来源

2012-07-20 23:35:34 Guffa

Lol我只是在你发布前10秒左右才发现它，但是谢谢！ – fyz 2012-07-20 23:38:06

CSS bg图像定位

回答

相关问题