html5
<body>
<div class="logo"><a href="/">公司名稱</a></div>
</body>
文字是給search engine 看的
==================================
.logo a{
display: block;
background-image: url(../images/earth.png); // 萬一遇到browser 不支援svg, 還可以吃png
background-image: url(../images/earth.svg);
width: 128px;
height: 128px;
background-size: contain;
// 把文字內容隱藏起來, 只看search engine 看到
text-indent: 101%;
overflow: hidden;
white-space: nowrap;
}
沒有留言:
張貼留言