背景和字体面部没有显示在aspx页面上

时间:2013-03-21 17:56:37

标签: asp.net html css html5

我在aspx中有一个主模板,我从主模板中创建了其他aspx页面,我引用了一个css样式表。由于某种原因,我在身体上设置的背景图像和我应用的字体不再起作用。它根本不会显示在从主模板创建的任何aspx页面上。

我无法为我的生活弄清楚为什么它没有显示出来。实际上,在Visual Studio中,背景显示了。

这是我的项目目录的图像,因此您可以看到它们的位置。

http://i.imgur.com/xHFOXil.png

所以我的样式表引用了基本Cafe目录中的所有aspx页面和简单的

中的安全文件夹中的Aspx文件
 <link href="Styles/Coffee.css" rel="stylesheet" media="screen" />
<link href="../Styles/Coffee.css" rel="stylesheet" media="screen" />

因此,样式表已被正确引用,因为某些对象确实会按照它们的原样进行更改。

以下是css文件中的代码:http://slexy.org/view/s2OAgP08oS

这也是Visual Studio中的页面输出和浏览器中的输出:

http://i.imgur.com/Hsh6sLD.jpg

这之前工作正常,我的aspx页面上的标签和所有文本都显示有字体等。后台在IE和FF中都很好。不要理解现在发生的事情。

1 个答案:

答案 0 :(得分:0)

好的伙计们,我这个菜鸟的错误。事实是我没有正确引用字体文件或图像。因为我有/ Fontface和/ Images它进入了CSS STYLES FODLER / Images ..实际上它是在上面目录的Images文件夹中。

这样做可以解决问题。

@font-face {
font-family: 'MolotRegular';
src: url('../Fontface/Molot-webfont.eot');
src: url('../Fontface/Molot-webfont.eot?#iefix') format('embedded-opentype'),
     url('../Fontface/Molot-webfont.woff') format('woff'),
     url('../Fontface/Molot-webfont.ttf') format('truetype'),
     url('../Fontface/Molot-webfont.svg#MolotRegular') format('svg');
font-weight: normal;
font-style: normal;

}

body
{
font-family: 'MolotRegular', Arial, Helvettica;
background-image: url("../Images/background.jpg");
margin-top: 0px;

}

TL:DR:不信任Visual Studio中的输出。这是一个LIE!