How to write a picture as a background and a link (background picture plus link)

The picture is used as the background and the link is written. For example, the logo image of the website. For example: Potato logo image

<a title="Tudou.com Everyone is the director of life" href="https://www.jb51.net">Tudou.com</a>

a {display: block;width: 170px;height: 42px;text-indent: -9999px;background: url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-repeat;}
Due to z-indent, the three words "Tudou.com" will not be displayed. The title attribute is the text that will be displayed when the mouse is pointing at it.
The background image of the <a><span> link is not fully displayed under normal circumstances, because the <a> link is an inline element and the width and height attributes in the a tag CSS are invalid.

The improvement method is to use display:block; or display:inline-block; in CSS and then set the width and height.