当前位置：首页 → 问答吧 → 征求大家的意见.一般logo是用图片还是背景啊?

征求大家的意见.一般logo是用图片还是背景啊?

时间：2010-08-26

来源：互联网

好多把logo用背景.
图片logo和背景哪个好些呢?有什么好处啊?

作者: rao3324180 发布时间: 2010-08-26

个人感觉用图片比较好。
背景的含义是装饰作用，或者用来辅助理解文字内容的。没有任何语义，没有背景除了不太好看，不会对内容完整度和可读性造成任何损失。但是图片是页面元素，也就是说，它是页面内容的一部分。
logo的作用应该是一个页面元素，相当于写作文，logo是标题。

作者: maomidog 发布时间: 2010-08-26

引用:

原帖由 maomidog 于 2010-8-26 20:54 发表
个人感觉用图片比较好。
背景的含义是装饰作用，或者用来辅助理解文字内容的。没有任何语义，没有背景除了不太好看，不会对内容完整度和可读性造成任何损失。但是图片是页面元素，也就是说，它是页面内容的一部分。 ...

是啊.我也觉得背景只是用来装饰作用的

作者: rao3324180 发布时间: 2010-08-27

我觉得用背景加文字,然后使用text-indent将文字放出页面.

作者: inload 发布时间: 2010-08-27

看情况，如果logo用前景存在布局难度，也就是说可能需要把它分为几个部分来做的话，那你该怎么办？当然，没有难度的话，用前景是最合情理的。即使是裸页，也要裸的精彩。

作者: xmlovedoudou 发布时间: 2010-08-27

引用:

原帖由 inload 于 2010-8-27 08:54 发表
我觉得用背景加文字,然后使用text-indent将文字放出页面.

我一直这么做

<h1>里加背景logo+文字，然后text-indent。个人观点：1、和用img能达到同样的视觉效果，2、感觉语义，用文字不会比不图片差吧。3、对seo有帮助。
觉得2楼说的也挺有道理。

刚看到下面有很多同学说道要链接问题！修改下:
也可以给<h1><a href="">文被/logo</a></h1>;让a块状显示高宽等于h1；给h1overflow：hidden；也是可以达到效果

[ 本帖最后由 xiangzhenhua 于 2010-8-29 09:44 编辑 ]

作者: xiangzhenhua 发布时间: 2010-08-27

一般是放图片吧，很多人都是点他返回首页的

作者: wpf5400 发布时间: 2010-08-27

6、7楼说得都很有有道理啊，我也经常把logo放在h1里面，至于做前景还是背景，看来要具体看情况了。

作者: chemdemo 发布时间: 2010-08-28

当然用图片啦，logo图片上链接首页这是普遍做法啊

作者: hcp8706 发布时间: 2010-08-28

作者: kxm1984 发布时间: 2010-08-31

放在不同的位置有不同的作用，这个没必要研究那么细，怎么用都行，没有什么标准的，只要你做的东西好，你就是标准

作者: furuier 发布时间: 2010-09-02

我通常是，需要占位置的时候就用图片，不需要时就用背景。

作者: furuier 发布时间: 2010-09-02

优点：
提前加载 Sprites 图片，避免背景闪动！
缺点：
不能另存Logo图片！

复制内容到剪贴板

代码:

复制内容到剪贴板

代码:

#logo {
height:65px;
overflow:hidden;
width:136px;
}

<!doctype html> <html> <head> <meta content="text/html; charset=utf-8" /> <title>Title</title> <style> /*!CSS Document 2010 - Created by Yunsd */ * {padding:0;margin:0 auto} #logo { height:65px; overflow:hidden; width:136px; } </style> </head> <body> <div id="logo"> <a href="http://hangzhou.koubei.com"> <img width="950" height="222" border="0" alt="口碑网" src="http://k.kbcdn.com/product/common/header/v20100816/images/s.png"> </a> </div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 yunsudong 于 2010-9-2 21:24 编辑 ]

作者: yunsudong 发布时间: 2010-09-02

引用:

原帖由 yunsudong 于 2010-9-2 21:19 发表
优点：
提前加载 Sprites 图片，避免背景闪动！
缺点：
不能另存Logo图片！
感觉这个方法实用

#logo {
height:65px;
overflow:hidden;
width:136px;
}

http://k.kbcdn.com/product/common ...

感觉这个方法实用

作者: rao3324180 发布时间: 2010-09-03

征求大家的意见.一般logo是用图片还是背景啊?

引用:

引用:

代码:

代码:

引用:

热门阅读

热门下载