Question

我正在为Joomla工作！模板，我有我的索引和我的template.css

当我把所有的设计都留在css中时，似乎只加载那些关于css类的部分并且什么都不做，所以最终我必须把所有其他的东西写入de index.php，这是愚蠢的，因为我不应该这样做。 / p>

例如，这是我想要的index.php

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >  
<head>  
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/posgradostemplate/css/template.css" type="text/css" /> 
<jdoc:include type="head" />  
</head>  
<body>  
<div id="wrapper">  
    <div id="content">  
      <div class="mainmenu"> 
          <jdoc:include type="modules" name="mainmenu" />          
      </div>  
  </div>  
</div>  
</body>  
</html>

但是包装器和内容的行为不符合预期，也没有显示背景。这是我的css文件：

html {

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #E6E6E6 0%, #858585 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #E6E6E6 0%, #858585 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #E6E6E6 0%, #858585 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E6E6E6), color-stop(1, #858585));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #E6E6E6 0%, #858585 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #E6E6E6 0%, #858585 100%);
 margin: 0;
  padding: 0;
  border: 0;
}

html, body {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
}


.mainmenu ul {
    font-family: Arial, Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainmenu ul li {
    display: block;
    position: relative;
    float: left;
}
.mainmenu li ul {
    display: none;
}
.mainmenu ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #000000;
    padding: 5px 15px 5px 15px;
    background: #000000;
    margin-left: 1px;
    white-space: nowrap;
}
.mainmenu li:hover li a:hover {
    background: #FFFF00;
    color: #FF0000;
}
.mainmenu ul li a:hover {
    background: #000000;
    color: #FFFF00;
}
.mainmenu li:hover ul {
    display: block;
    position: absolute; 
}
.mainmenu li:hover li {
    background: #FFFF00;
    float: none;
    font-size: 11px;
    color : #000000;
}
.mainmenu li:hover a { 
    background:  #FFFF00;
    color : #000000;
}


#wrapper{
  width: 100%;
  text-align: center;
}

#content{
    display: inline-block;

}

除了mainmenu以外的所有内容都不能正常工作，因为css告诉它。我认为它没有被正确加载，我希望它能够被热切地加载，所以一切都在考虑之中。现在它只有在我在索引中添加css代码才有效，它不应该那样。建议？

Answer 1

尝试使用以下方法加载CSS文件：

$document = JFactory::getDocument();
$document->addStyleSheet(JURI::root() . "templates/posgradostemplate/css/template.css");

Joomla只加载css模板的某些部分

1 个答案: