-1
出于某种原因,我有一个应该看起来像这里提供的图像按钮,但另一页上看起来不一样可言,即使是使用相同的确切代码。我不知道为什么它不工作 - 这是一个灰色的页面上,绿色的另一个 - 但它只是像这样在IE8和Chrome浏览器工作正常。
HTML:
<input type="submit" value="Submit" id="greenbutton"/>
CSS:
#greenbutton {
margin-top: 5px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #689324;
line-height: 35px;
color: #fff;
display: inline-block;
height: 50px;
width: 200px;
-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
box-shadow:inset 0px 1px 0px 0px #c1ed9c;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #92CA44), color-stop(1, #72A332));
background:-moz-linear-gradient(center top, #92CA44 5%, #72A332 100%);
background: 92ca44;
border-radius: 3px;
}
#greenbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c));
background:-moz-linear-gradient(center top, #8cb82b 5%, #9dce2c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
background-color:#8cb82b;
}
#greenbutton:active {
position:relative;
top:1px;
}
“只有在IE8中”是一个完整的蠕虫病毒,但无法查看这两个页面,我们所说的任何事情都只是一种疯狂的猜测。 – Rob