この問題を解決するための非常に単純な方法** 1.このイメージをカプセル化しますdiv要素を作成します**
** 2.の背景を設定するためにCSSを追加します。このdivは画像になります。 (下記のコードを参照してください)。この例では、あなたのdivのクラス名は「ボタン」のHTMLを改訂
.button
{
backgroundimage:url('http://cl.ly/0S2j28082G2W423Y2T00/Screen%20Shot%202012-02-09%20at%2012.02.45%20PM.png');
height: 50px;
width: 92px;
}
.button a
{
display: inline-block;
height: 50px;
}
あなたはクラス名で、前述のdivに表示するテキストを置きます「ボタン」
<div class="button">
<span>Favorite (1)</span>
</div>
*これはまだ中に実際のテキストを選択することができます背景を維持する*
私の参考にした完全版のソースです。
<!DOCTYPE html>
<html class="no-js" dir="ltr" lang="en">
<head>
<style>
.button
{
background-image:url('http://cl.ly/0S2j28082G2W423Y2T00/Screen%20Shot%202012-02-09%20at%2012.02.45%20PM.png');
height: 50px;
width: 92px;
}
.button a
{
display: inline-block;
height: 50px;
}
</style>
<title>Screen Shot 2012-02-09 at 12.02.45 PM.png</title>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, minimum-scale = 1.0, user-scalable = no" name="viewport">
<meta content="CloudApp" name="author">
<link href="http://assets.cld.me/1325250420/images/favicon.ico" rel="shortcut icon">
<!--[if (!IE)|(gte IE 8)]><!-->
<link href="http://assets.cld.me/1325250420/assets/viso-datauri.css" media="screen" rel="stylesheet" type="text/css" />
<!--<![endif]-->
<!--[if lte IE 7]>
<link href="http://assets.cld.me/1325250420/assets/viso.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<script src="http://assets.cld.me/1325250420/assets/viso.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="http://assets.cld.me/1325250420/assets/ie.js" type="text/javascript"></script>
<![endif]-->
</head>
<body id="image">
<header id="header">
<h1><a href="http://store.getcloudapp.com/">Simple sharing</a></h1>
<h2>Screen Shot 2012-02-09 at 12.02.45 PM.png</h2>
<a class="embed" href="http://cl.ly/0S2j28082G2W423Y2T00/Screen%20Shot%202012-02-09%20at%2012.02.45%20PM.png">Direct link</a>
</header>
<section id="content">
<div class="button">
<span>Favorite (1)</span>
</div>
</section>
<script type="text/javascript">
var _gauges = _gauges || [];
(function() {
var t = document.createElement('script');
t.type = 'text/javascript';
t.async = true;
t.id = 'gauges-tracker';
t.setAttribute('data-site-id', '4ea557ec613f5d39e7000002');
t.src = '//secure.gaug.es/track.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
})();
</script>
</body>
</html>
+1のために動作しますが、あなたがこのような場合にはためになり、正確なソリューションのように思えます。私たちはあなたの質問を誤解していますか? – pat8719
ありがとうございましたが、これはうまくいきませんでした...まず、私の小さなアイコンを何回か繰り返しました...私はちょうど1つしか必要とせず、私のリンクを置き換えませんでした...それは私のリンクの上に行きました...これは使用されるコードです私のお気に入りのリンクを生成するには...これは、これは、ブックマークのブックマークのためのプラグインだと言ったように... $ bookmark = upb_bookmark_controls($ add_text = 'お気に入り'、$ delete_text = 'お気に入りを削除する'、$ wrapper = true); $ meta_output。= str_replace( '
これは今見た目ですhttp://cl.ly/462U1H1q1S2E3Z3h1c0C – Eddie