前端，有n多个div 一共有五种背景颜色，在考虑与后台对接的情况，怎么让div添加任意一种背景颜

前端，有n多个div 一共有五种背景颜色，在考虑与后台对接的情况，怎么让div添加任意一种背景颜前端，有n多个div 一共有五种背景颜色，在考虑与后台对接的情况，怎么让div添加任意一种背景颜色呢ps 前两个div为红色，第三个为黄色，第四个为蓝色，第五到第七为橙色，第八到第十为黑色，，第十一为橙色的，第十二为红色，等等，他们的颜色分配是不规律的，需要怎么实现呢？？

举报该问题

推荐答案 2016-11-03

在数据库中增加一个颜色字段，在后台为每个数据设定颜色，这样你在页面输出数据的同时，把颜色的字段值一起输出页面，这个时候可以根据CSS或者JS来设定该数据所在的DIV显示什么颜色。

例如：

---------------------------------------------------

数据库中的字段值

id name color

1 AA公司 red

2 BB公司 blue

3 CC公司 yellow

4 DD公司 black

-----------------------------------------------

前端页面

<?php
  while ($row = $result->fetch_assoc()) {
    echo"<div class='".$row["color"]."'>".$row["name"]."</div>";
  }
?>

----------------------------------------------------

CSS代码：

.red { background-color: red; }

.blue { background-color: blue; }

.yellow { background-color: yellow; }

.black { background-color: black; }

-----------------------------------------------------

这个是简易说明，比较简单用的是CSS来判断，为每个color设定一个背景色。

追问

fetch_assoc()) {
echo"".$row["name"]."";
}
?>
这个也是前端要写的吗？？

还是后台写

追答

这个是后端要写的，是读取数据库中的内容，你不是要考虑和后台对接吗

追问

对啊对啊

那我应该怎么做呢，现在

我现在定义几个类，先加在div里？？

不好意思我问题比较多，还是考虑和后台对接。首页>访谈。这个肯定是用列表ul li做。光标移到大于号没变化，但是移到文字时，color改变，我想的是用三个li 中间的li里面没有a标签，其他的有a标签。

追答

首先要为每个DIV有个判断颜色的标志，如果用css的方法，那就为不同颜色的div添加不同的class，并且每个class设置相对应的背景颜色CSS代码，因为数据要从数据库中读取，逐个输出，那就为每个数据在数据库中添加一个颜色标志的字段，这样只需要在后台输入相对应的颜色标志值，前台就能相对应的显示了。
不知道我这么说你能明白吗？

追问

但是我觉得我写的这个以后和后台对接是比较麻烦，从后台肯定是循环输出的嘛，那我这个应该怎么做呢
我知道我的问题很简单，但确实给我带来了困扰！

大概能明白

追答

不麻烦啊，原来怎么做现在还是怎么做，不同的地方就是在数据库中多增加一个颜色判断的字段就可以了，然后在显示页面上把这个颜色的字段值输出即可，最好是放在class内，这样就可以写css代码，来设置相对应的背景颜色了

追问

谢谢，

请问，你知不知道ie里面控制台里面的布局offset 我的网页在ie7 8和ie10及以上offsett值不同，这是什么原因，导致ie7 8布局有一段很大的间距。这是不是跟盒模型有关系，我的css里面用的标准盒子模型，问题，怎么把ie7 8里的offset值改成和ie10 一样的值呢