使用苗条的php文件夹结构的背景图像CSS路径

时间:2015-06-24 16:10:34

标签: php css background-image slim

我试图在我的SlimPHP网络应用中的页面上做一个简单的背景图片。

在我的CSS文件中(加载正常)我有:

.image1 {
  background-color: transparent; 
  background: url("image1.jpg");
}

我的结构是:

-- project
  -- app
  -- routes
  -- templates
  -- www
    -- css
      -- stylesheet.css
      -- image1.jpg
    -- js
    -- i
      -- image1.jpg

在网络标签中,我得到403 Forbidden因为苗条试图将其作为页面访问。

我尝试了一些变体,例如background-image"../i/image1.jpg",但总是遇到同样的问题。

我无法在这样的地方找到任何其他问题所以我必须要有一些简单的问题!

我对SlimPHP相当了解,但对CSS没有太多经验,所以任何帮助都会受到赞赏!

由于

其他

页面请求示例:

$app = new \Slim\Slim(array(
    'templates.path' => '../templates',
));
$app->container->singleton('log', function () {
    $log = new \Monolog\Logger('slim-skeleton');
    $log->pushHandler(new \Monolog\Handler\StreamHandler('../logs/app.log', \Monolog\Logger::DEBUG));
    return $log;
});
$app->view(new \Slim\Views\Twig());
$app->view->parserOptions = array(
    'charset' => 'utf-8',
    'cache' => realpath('../templates/cache'),
    'auto_reload' => true,
    'strict_variables' => false,
    'autoescape' => true
);
$app->view->parserExtensions = array(new \Slim\Views\TwigExtension());

// Twig
$loader = new Twig_Loader_Filesystem(dirname(dirname(__FILE__)) . '/templates');
$twig = new Twig_Environment($loader);


/**
 * Default home page
 */
$app->get('/', function() use ($app) {
    $app->redirect('/home');
});

/**
 * Index page
 */
$app->get('/home', function() use ($app, $twig) {
    $params['page_title'] = 'home';
    $template = $twig->loadTemplate('routes/index.html.twig');
    $template->display($params);
});

0 个答案:

没有答案