2012-04-11 50 views
0

说我有一个链接如下:CSS设置锚IMG源

   <a class="addthis_button_facebook"></a> 

是否有可能在CSS中设置这个链接的IMG属性所以到底会是什么样子:

<a class="addthis_button_facebook"><img src="twitter.png" /></a> 

像我试过

a img背景颜色:黑色; }

,但没有喜悦

回答

2

你们是不是要设置一个背景,你的锚?

a.addthis_button_facebook { background:url('twitter.png') no-repeat; display:block; width:32px; height:32px; } 

虽然是公平的......一个Facebook按钮应该使用Facebook图标;)

+0

罗,这是我试图在IMG设置为我的锚 – StevieB 2012-04-11 03:26:00

+0

@StevieB刚才例子你试过以上? – 2012-04-11 03:26:29

+0

我没有得到预期的结果图像显示很小,而手动设置img src它看起来正常大小 – StevieB 2012-04-11 03:28:48

1

有一个环节没有“IMG”属性。

如果您只是想使用图片作为链接,那么为什么不按照第二个块中的方式进行操作,a标记中有img标记?

要使用CSS设置图片为背景,你可以做

a.addthis_button_facebook { 
    background-image:url('twitter.png'); 
} 
+0

因为我正在寻找一种方法来查看CSS中的img源代码而不是标记 – StevieB 2012-04-11 03:35:02

2

嘿,你可以根据图像的高度,这样的锚标签定义背景图片,并给填充留下,并给线的高度。

的CSS

.addthis_button_facebook{ 
    background:url('http://dummyimage.com/50/000/fff.jpg') no-repeat 0px 0px; 
    padding-left:60px; 
    display:inline-block; 
    line-height:50px; 
}​ 

HTML

<a class="addthis_button_facebook">Hello this is your link</a>​ 

现场演示这里http://jsfiddle.net/rohitazad/PQ4q2/