2016年12月1日 星期四

logo sample


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;
}

沒有留言:

張貼留言