2014-01-07 17 views
0

我正在创建一个将包含在我的其余页面中的php,我希望它能够保存该网站的所有页面的徽标,标语和链接到CSS样式。在我的所有网页的开始想要放在想象里面使用CSS的DIV但不显示图像?

<?php 
require_once("home_start.php"); 
    ?> 

: 我使用这样做。

但是,在这个页面我想创建一个空的DIV,使用CSS(我喜欢),我将能够放置标志(一个GIF)里面。

我的股利如下:

<div id="title"> 

</div> 

和我的CSS是这样的:

#title { 

    background-color: #FFFFFF; 
    background-image: url(graphics/logo.gif); 
    background-repeat: no-repeat; 
    background-position: center; 
    width:250px; 
    display: block; 
    margin: 0 auto; 
-moz-border-radius: 15px; 
    border-radius: 15px; 
} 

为什么没有想象出现? (请注意,我对编码和本网站相当陌生)

+6

给你的div一个高度。 – j08691

+2

也可以在你的图片url中加上引号,并且最好使它成为绝对的,这样当你改变目录时它就不会中断。 'url('http://domain.com/graphics/logo.gif');'或'url('/ graphics/logo.gif');' – Jessica

+1

而另一方面,URL的高度和引号('path/file;) 如果你想让一个div空但是可见,把 放在里面。通常情况下,空间并不能完成这个任务。 – Lexib0y

回答

0

首先,我会建议您的徽标位于锚点/链接标记中,例如, <a href="/">[LOGO HERE]</a>而不是使用带有背景图像的<div>。这有助于导航,并有SEO优势。你会最终得到这样的事情:

<div id="title"><a title="Your company name" href="/"><img src="graphics/logo.gif"/></a></div> 
相关问题