Question

我是Web开发和PHP的新手。可能这是一个简单的问题，但在互联网上搜索了很多，但找不到解决方案。

我的CSS中有这个代码：

.categories .cat_sec {
   float: left;
   width: 232px;
   height: 360px;
   padding-top: 10px;
   margin-right: 1px;
}

.categories .cat_sec h5 {
   width: 232px;
   color: #FFF;
   padding: 10px 0px;
}

.categories .cat_sec .cats {
   width: 232px;
   height: 50px;
   background-repeat: no-repeat;
   padding-top: 259px;
}

.categories .cat_sec .cat1 {
   background-image: url(../images/gold/bangles.gif);
}

通过以下方式在HTML中调用此CSS样式：

<div class="cat_sec"> 
   <h5> <?php echo $mCollections_array['SubCollectionName']; ?></h5>
   <div class="cats cat1">  
      <ul>
         <li><a href="listing.php">Some Text </a></li> 
         <li><a href="listing.php">SomeText</a></li>
         <li class="viewall"><a href="listing.php">View All</a></li>
      </ul>
   </div>
</div>

我必须从服务器动态更改图像。但我无法理解在这行代码<div class="cats cat1">中更改图像。在此cat1表示已定义的图像。

如何在上面的代码中动态添加图像？

Answer 1

您可以使用内部CSS：

<div class="cats" style="background-image:url('your/path/to/image');">  
  <ul>
     <li><a href="listing.php">Some Text </a></li> 
     <li><a href="listing.php">SomeText</a></li>
     <li class="viewall"><a href="listing.php">View All</a></li>
  </ul>
 </div>

Answer 2

根据您对我说的话：您想用PHP编辑CSS文件

See this，this annddd this

您还可以将PHP嵌入到CSS文件中，为您执行这些操作。

立即致电

如何动态添加图像？

2 个答案: