如何在图像上写H1？

Question

我需要在图片的标题标签上写一个文字，我遇到一个奇怪的问题，看看上面的图片。

css代码是：

#header h1 {
    position: absolute; 
    height:19px;       
    top:105px;
    /*background-color:#OC3183;*/
    background-color:green;     
    z-index: 10000;             
    font-family: Verdana, Arial, san-serif;
    padding: 2px;
    margin-left: 26px;
    padding-left: 1px;                                             
    font-size: 12px;
    color: #FFFFFF;            
}  

如你所知，如果我把绿色我正确地模糊下面的白线，如果我使用相同的颜色（海军蓝色）我看到那条线....为什么？

Answer 1

海军色的十六进制代码错误。它以字母O开头，而不是数字0。

替换

background-color:#OC3183;

与

background-color:#0C3183;

一切都应该没问题。

Answer 2

我认为这些最简单的方法是在h1上设置背景图片。

#header h1 {
    width: 200px;
    height:19px;
    background: url(/images/background.jpg) 0 0 repeat-x;
   [...]          
}