1
4

3 回答 3

0

向您的客户解释使用图像作为按钮并不是最佳做法。Intsead，使用 CSS3 生成按钮 - 更好的性能和更易于维护。至于他们使用的自定义字体，请检查是否有许可使用@font-face 的选项。如果没有，我敢肯定那里有类似的字体。

于 2013-05-09T19:40:53.427 回答
0

您可以使用“图像替换”技术轻松完成此操作，其中将图像放置在原始文本上。如果图像被禁用或未加载，原始文本将代替图像显示。如果图像是透明的，这有点棘手，但可以做到。这是一个带有按钮元素的简单示例，但可以在大多数元素上完成：

http://pageaffairs.com/sp/so-16469524-sprite/

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<style media="all">
body {background: #e7e7e7;}

button {
    position: relative; 
    width: 150px;
    height:40px;
    color: white;
    border: 0;
    text-align: center;
    line-height: 30px;
    background: #27485b;
    cursor: pointer;
    border-radius: 10px;
    font-size: 1.4em;
}

button:hover {background: #bd9755;}

button span {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 40px;
    background: url(http://pageaffairs.com/sp/so-16469524-sprite/bg.png) no-repeat 0 0;
}

button:hover span {background-position: 0 -40px;}

</style>

</head>
<body>

<button value="Send" name="submit" type="submit">Submit<span></span></button>

</body>
</html>
于 2013-05-10T01:51:49.490 回答
0

从一般的 DOM 规范来看，标签没有强制要求<a>必须有文本；例如，它们可以具有<img>可用作“可点击”链接的图像（元素）。

于 2013-05-09T19:29:30.983 回答