html大神救命!为什么背景图无法显示?

html代码:
<link href="css1/weyoung.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="weyoung1">未央</div>
<div id="weyoung2">迷失的人迷失了,相逢的人会再相逢</div>
</body>

CSS代码:
body{
margin:0;
padding:0;
background:url(.../images/weyoung.jpg) center no-repeat fixed;
overflow:hidden;
background-color:#000;
}

#weyoung1{
margin-top:-35%;
text-align:center;
font-size:48px;
}

#weyoung2{
margin:15px;
text-align:center;
font-size:14px;
}

html初学菜鸟,预期想实现以下这个页面, 网页默认背景色为黑色,背景图不随滚动条移动,但文字会移动,可是代码写完放浏览器直接就是一片黑。。。。。。

求大神给出正确代码啊~~~~
另外文字“未央”使用了特殊字体,我有这个字体的文件,x.ttf, TrueType型, 我想把这个字体放到服务器上,保证别人打开网页时也能显示这个字体(其实主要就是需要文字方便SEO,不想用图片神马的代替),我应该用什么样的代码呢。。。。。

1、background-color:#000;

去掉就可以显示图片,因为前面你设置了背景图片,后面又设置背景颜色,覆盖了。


2、字体,你可以用Dreamweaver编辑代码,里面的css有可选字体:

上面数行,如果没你喜欢的,下面“编辑字体列表”也应该有。不过有一点可以肯定,不同的浏览器即使你设置了同样的字体,显示的效果也不一样,chrome可以显示,firefox或许就不能显示,IE就不用说了。有问题再提问。

追问

那如果我想保留背景图以外的地方默认是黑色背景,应该怎么处理呢?

追答

1、背景图片设为“图片”,那所有的背景有为图片,不可为其它颜色。
2、将背景图片设为“黑色”,将“图片”放到下面的 里面再设置大小就可以了,此时,图片以外的地方就为自己想要的颜色。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-09-16

图片路径错了,img前面的 / 多了一个点,返回上级目录是用2个点,不是3个。

另外,字体文件的话一个格式是不够的。代码用的是css3,具体百度看一下怎么用就可以了

<style>

@font-face{
    font-family:"myfont";
    src:url(geotica_2012-webfont.eot);/*ie支持的格式*/
    src:
         url('geotica_2012-webfont.woff') format('woff'),     
         url('geotica_2012-webfont.svg') format('svg');/*谷歌浏览器支持的格式*/
         /*火狐需要以上两种格式都存在才支持*/
}
p{
    font-family:"myfont";
    font-size:24px;
}
</style>

<body>
    <p>
        jfkdsajufsdafja
    </p>
</body>

 下面那个人说的背景色是没关系的,不会跟图片冲突

追问

我放的是http完整的url,百度提问不允许放URL,所以才简写成这样
也就是说我光有一个ttf是没办法实现字体的 是吗?

追答

每种浏览器支持的格式是不一样的,所以需要多种格式的字体文件。
如果你的url是对的话,我也把你的代码复制过来试过,图片是可以显示的

本回答被网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网