0

我在 .css 文件中创建了两个 div，然后将 .css 文件链接到这样的 php 头文件中

<!DOCTYPE html>

<html>
<head>

<link rel="stylesheet" href="css/headercss.css" type="text/css" media="screen" title="default">

</head>


<body bgcolor="#F0F0F0">

<div class="div_menu">
<h1> asdasd </h1>
</div>

<div class="div_main">

这是css文件

@charset "utf-8";
/* CSS Document */


.div_menu{
background-image:url('table_header_options.jpg');
width:70%;
margin:auto;
height:50px;
}

.div_main{
background-color:#FFF;
margin:auto;
width:69.75%;
height:800px;
margin-top:15px;

border-width:1px;
border-style:solid;
border-bottom-color:#ddd;
border-right-color:#ddd;
border-top-color:#aaa;
border-left-color:#aaa;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

我确信目录没有任何问题，因为当我仅使用 google chrome 运行 php 文件时一切正常，但是当我尝试通过 wamp 服务器从 localhost 打开它时，除了 h1 标记之外，所有内容都消失了。

任何帮助将不胜感激！

4

3 回答 3

2

您需要确保从正确的相对位置调用 css。

由于这是一个 PHP 头文件，我假设您是从不同的地方（如/、/about、/otherfolder等）调用它。

问题是您当前的代码将在当前文件夹中查找 css 文件夹，而不是它实际所在的顶级文件夹。

因此：

<link rel="stylesheet" href="/css/headercss.css" type="text/css" media="screen" title="default">

注意绝对定位/css/headercss.css-/在前面的意思是“从顶部”。

编辑：原来 OP 正在使用 CodeIgniter 并且应该重新提交这样标记的问题。

于 2012-08-07T21:39:11.947 回答
0

实际上，在您将所有内容传输到您的 wampserver 之后，您的图像会更改它的位置，因此您需要更改您设计的所有 div 的背景图像：url（''）。然后VIOLA会出现

于 2013-06-29T02:30:06.127 回答
0

在 wamp 中为 apache 服务器使用端口 80

于 2017-11-21T17:41:22.307 回答