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

html代码:<linkhref="css1/weyoung.css"rel="stylesheet"type="text/css"></head><body><divi... 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,不想用图片神马的代替),我应该用什么样的代码呢。。。。。
展开
 我来答
百度网友8fd4895f
推荐于2016-01-10
知道答主
回答量:1
采纳率:0%
帮助的人:2.2万
展开全部

1、background-color:#000;

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


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

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

追问
那如果我想保留背景图以外的地方默认是黑色背景,应该怎么处理呢?
追答
1、背景图片设为“图片”,那所有的背景有为图片,不可为其它颜色。
2、将背景图片设为“黑色”,将“图片”放到下面的 里面再设置大小就可以了,此时,图片以外的地方就为自己想要的颜色。
过儿无敌
2014-09-16 · TA获得超过391个赞
知道小有建树答主
回答量:301
采纳率:0%
帮助的人:347万
展开全部

图片路径错了,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是对的话,我也把你的代码复制过来试过,图片是可以显示的
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式