我有两个原因,我想用csssprites的提交按钮:
- 我已动态创建按钮,这在未来可能会进行本地化
- 我想只有1 HTTP请求,即使我在网页上有5个按钮
的问题是,我想避免为按钮的JavaScript,因此,我需要使用一个input
类型的字段image
。 我可以在此字段中设置的背景图像,就像我会为任何csssprite。
问题是,我发现我已经到图像源设置为空像素要不然我得到一个破碎图像图标。
随着中说,这是我想出了最好的解决方案:
<style>
.csssprite_cat {
background-image:url(http://www.mrfreefree.com/images/speciali/211/funny_cat_50.jpg); width: 50px;
height: 50px;
}
</style>
<input type=image src="http://www.grasse-ac.com/gif/no_pixel.gif" class="csssprite_cat">
<input type=image class="csssprite_cat">
(您可以将此文件只是直接加载到浏览器中 - 我是从一个随机的网站借用图像)。
它的工作原理样OK的,但我必须用我们的老朋友pixel.gif 。 很怀旧!
有可能是没有的JavaScript更好的办法,除非有CSS的方式来隐藏断开的图像文本和图标。