Heim  >  Artikel  >  Web-Frontend  >  图片作为背景并且是链接的写法(背景图片加链接)_HTML/Xhtml_网页制作

图片作为背景并且是链接的写法(背景图片加链接)_HTML/Xhtml_网页制作

WBOY
WBOYOriginal
2016-05-16 16:37:561714Durchsuche

图片作为背景,并且是链接的写法。例如网站的logo图片。例如:土豆的logo图片

http://www.jb51.net">土豆网

a {display: block;width: 170px;height: 42px;text-indent: -9999px;background: url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-repeat;}
由于z-indent的原因土豆网三个字是不会显示的。title属性是鼠标指向会显示的文本。
链接背景图片,在正常情况下是显示不全的,因为链接是行内元素,并且对于a标签css中width height属性失效。

改进方法,就是css中display:block;或者display:inline-block;然后设置width和height。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn