CSS：标题中图像的位置

我试图在标题中间放置一个标志，并将其推送到按钮。当firefox图像位于chrome和IE9头部的按钮中时，firefox的大小（px，em，％）大小出现问题，它在fire fox中越过了边界（溢出？）。CSS：标题中图像的位置

有没有办法在所有浏览器中将图像或任何物体定位在div的按钮中？

这里我的代码，mybee它会给你知道什么即时通讯做拨错：

CSS：

#header 
{ 
    background-image:url("../images/roundShapBrickWall.jpg"); 

    background-repeat:repeat-x; 

    position:relative; 
    width:inherit; 
    height:14.1em; 


} 
#header img 
{ 
    position:relative; // <--- somewhere here i think is the problem. 
    width:50%; 
    top:17%; 
}

信息：这是我希望它有位置，它坐落在中标题的buttom，但在firefox中走出标题的边界。

有什么想法？

来源

2011-12-17 samy

你试过了：“position：absolute; bottom：0;”到你的“#header img”？

来源

2011-12-17 14:13:08 JNadal

是的，这是伎俩！我学到了新东西，谢谢你！ – samy 2011-12-17 14:17:27

太棒了！如果此问题已得到解答，请随时将其标记为答案。 – JNadal 2011-12-17 14:24:42

您可以通过设置#header部分text-align: center来避免使用position:relative和position:absolute，并使用边距调整图像位置。垂直位置也可以用边距来设定。但是，这只有在头部没有其他内容的情况下才有效。

来源

2011-12-17 14:17:37 Krzysztof

CSS：标题中图像的位置

回答

相关问题