此图像按钮是否可在CSS跨浏览器中复制？

嗨，外面的CSS高手们

我得到了这个图像，我用它作为提交按钮

由于该网站将是多语言的，我不想为每种语言创建不同的图像。。所以我想让它成为一个CSS跨浏览器按钮

可能吗？我该怎么做，因为这是一个稍微困难的按钮

---

Thanx很多：）

您可以使用CSS3，但并非所有浏览器都支持该标准，但您可以使用回退功能，这样当浏览器不支持CSS3时，您可以为按钮显示一个简单的紫色背景。

这是可能的，但并不容易。您可以将其分解为以下图像：

左上角

右上角

左下角

右下角

左边框

右边界

上边框

底边

居中

这就是所谓的“9-patch”方法。但是，底部边框包含不可平铺的眩光。您还可以在此基础上再添加两个修补程序：

左下角和下边框之间的左下可拉伸像素

右下角和下边框之间的右下可拉伸像素

然后可以将这些元素包装在

内联块中

div并将其用作按钮。还有一个新属性可以与CSS3一起使用，但它还没有很好的支持

---

您可以使用

@font-face

嵌入字体跨浏览器是非常主观和相对的。如果你指的是现代浏览器，不算IE，那当然。如果你把IE 1-9、Netscape Navigator 4.1、老版Gecko浏览器等算在内，当然不是。首先确定您的人口统计是谁，然后决定是否值得为少数群体提供图像备份。

为按钮紫色背景（无文本）创建图像，并将其用作

的背景

CSS

---

文本“搜索”或其他语言可以设置为输入的

值。
您可以将按钮的边框保存为图像（具有阴影/浮雕效果的位），然后将中间部分设置为CSS中的渐变。你不仅可以放任何你想放的文本，而且渐变效果可以应用于大多数浏览器。查看以生成渐变

更新：与其为每个人制作一个图像，为什么不制作一个精灵呢？将图像的外部部分设置为背景，然后创建另一个包含中间部分（带有“搜索”的部分）的大图像，并针对每种不同的语言更改该精灵上的背景位置
 创建一个没有文本的图像，给你的
input type=“button”
和
value=“search”

e、 g

如果你的按钮是

<input type="button" id="yourButtonId" value="search" />



使用css选择带有
id
的按钮，例如，
input#yourButtonId
，并使用图像作为此按钮的背景，无需重复和正确定位，为按钮指定与按钮背景图像完全相同的宽度和高度属性，然后根据需要使用css规则设置文本样式。
@Radu详细介绍了最佳方法。也就是说，我不建议尝试复制这种效果“跨浏览器”（这是一个主观术语）。我会把重点放在让它在支持CSS3的现代浏览器中看起来很好，并为不支持CSS3的较小浏览器提供一个体面的外观（可降解）体验；默认情况下winxp是ie6，由于IE是一个。。。我应该从IE6开始。对于其他浏览器；Firefox、Chrome、Safari和co.这没关系，因为它们很容易得到更新。。唯一的问题是Microsoft Browser此方法的问题是不能与长单词一起使用：（如上所述的一些：此方法的问题是不能与长单词一起使用：（使用这种方法，我需要使用java脚本来提交表单-当单击div时。这会引起js未启用的其他问题browsers@numediaweb，没错。正如摩西所说，最好的方法是让你的目标受众中的大多数人都能看到好东西，而少数人则能看到好东西。至于JavaScript，如果99%的用户确实启用了JavaScript，那么在默认情况下使用JavaScript方法并提供常规的（可能是彩色的）JavaScript是有意义的其余1%的提交按钮。我遵循您的方法。到目前为止，我在jQuery中创建了一个提交按钮，这是一个好消息；它在Firefox v5上工作..在Chrome v12中测试，但没有显示图像..在IE8中测试，按钮没有显示..我找到了一种方法，让IE&co吞下border图像属性：）由于我在网站上只有几个按钮，我决定坚持使用图像，而不是CSS3、9-patch div、jquery等。这让我避免了浏览器兼容性方面的很多麻烦，并保持了我的设计整洁：）@numediaweb，不错的选择。请看一下名为的技术，看看如何优化这些图像的服务。
<input type="button" id="yourButtonId" value="search" />