使用css添加图像

-1

我有下面的代码来显示按钮中的图像使用CSS，但我无法让它工作。该图像位于CSS文件所在的同一目录中。使用css添加图像

#submit-go { 
    margin-top:1em; 
    width:69px; 
    height:26px; 
    text-indent:-9999px; 
    overflow:hidden; 
    border:0; 
    background:url(submit-button.gif) no-repeat 0 0; 
    display:block; 
    cursor:pointer !important; cursor:hand; 
} 

#submit-go:hover { 
    background-position:0 -26px; 
}

<div align="center"><button type="submit" id="submit-go" >Submit</button></div>

来源

2013-04-28 Rajesh Kumar

什么是不工作？ 'align'也是一个不推荐的属性 – Adrift 2013-04-28 14:29:28

我建议你尽可能地使用CSS来设计样式，最好不要使用背景图片。看看CSS3渐变，边框半径，方块阴影，文字阴影。 – 2013-04-28 14:30:14

尝试创建一个小提琴（http://jsfiddle.net/）和givin'我们的网址 – Pablo 2013-04-28 14:32:31

这可能是因为background仍然覆盖background-position。尝试改变background这样：

#submit-go { 
    margin-top:1em; 
    width:69px; 
    height:26px; 
    text-indent:-9999px; 
    overflow:hidden; 
    border:0; 
    background-image:url(submit-button.gif); 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    display:block; 
    cursor:pointer !important; cursor:hand; 
}

来源

2013-04-28 14:29:56 Adaz

我创造了这个拨弄你的代码http://jsfiddle.net/rDvTe/1/，并认为它工作在Chrome中正确的测试）。

我更换图片链接与URL所以它会工作，并且还增加了

#submit-go {border: 1px solid red;}

，以更好地看到按钮。

我是对的，如果我想你想让背景图像显示在悬停？否则，只需在正常和悬停状态下切换背景位置即可。希望这是你正在寻找。

来源

2013-04-28 16:42:56 Tyblitz

使用css添加图像

回答

相关问题