Question

我最近调试了我的标头css和js连接上的所有错误，没有错误，但css仍然无法正常工作。但是我的观点格式发生了变化，但并不是我想要的。

的login.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Login extends CI_Controller {


    public function index(){


        $data['main_content'] = 'login_view';
        $this->load->view('includes/viewtemplates',$data);



    }

viewTemplates.php

<?php $this->load->view('includes/header'); ?>
<?php $this->load->view($main_content); ?>
<?php $this->load->view('includes/footer'); ?>

的header.php

<!--DOCTYPE html-->

<html lang="en">


<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Login</title>
        <link rel="stylesheet" href="<?php echo base_url();?>public/css/bootstrap-responsive.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
        <link rel="stylesheet" href="<?php echo base_url();?>public/css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">

        <script src="<?php echo base_url();?>public/js/jquery.js"></script>
        <script src="<?php echo base_url();?>public/js/bootstrap.js"></script>
</head>

<body>

<header>
</header>

自举-responsive.min.css

 body {

    background: #F0F0F0 ;
    margin: 0;
    padding: 0;
    font-family: 'times-new roman';

 }

#login_form {

    width: 300px;
    background: 3333FF;
    border: 1px solid white;
    margin: 100px auto 0;
    padding: 1em;
    -moz-border-radius:  4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

h1, h2, h3, h4, h5 {

    margin-top = 0;
    text-align: center;
    color: 000033;
    text-shadow: 0 1px 0;
}

Answer 1

网站图片存在问题，无法正确加载你可以使用基本标签（你需要在<base>中添加<head>标签）...

<base href="<?php echo base_url();?>public/">

并确保image floder在公共目录中

Answer 2

确保您必须在控制器或autoload.php中加载 URL帮助程序类，因为要使用base_url()（速记），您需要加载URL帮助程序

$this->load->helper('url');

您可以使用简写base_url()：

<?php echo base_url();?>

我没有在控制器中看到 URL 帮助器。

同时检查 HTML 查看来源并点击网址，您将获得更好的理解。

您还可以选中base_url()中可用的结尾斜线 / 或不是

如果您的网址如下所示，这也无效：

<script src="<?php echo base_url();?>public/js/jquery.js"></script> 
// example.compublic/js...

css没有在代码点火器上工作

2 个答案: