小编rag*_*999的帖子

我被困在这里.请帮忙.我想通过CSS进行以下操作.

但是当我使用CSS定位时,我得到了这个输出

第四个(绿色)层应该在第一层(蓝色)下面,这不会发生.这是我使用的代码.

HTML:

<div class="box1">
</div>
<div class="box2">
</div>
<div class="box3">
</div>
<div class="box4">
</div> 

CSS:

div{
height:100px;
width:100px; 
border:solid 1px;
}

.box1{
position:relative;
left:500px;
background-color:#00d8ff;
}

.box2{
position:relative;
left:570px;
top:-30px;
background-color:#f6ff00;
}

.box3{
position:relative;
left:500px;
top:-60px;
background-color:#ff69fa;
}

.box4{
position:relative;
left:430px;
top:-230px;
background-color:#24ff00;
}

JSFiddle:http://jsfiddle.net/rkubs/

甚至我试图使用Z-index.但没用.帮我.提前致谢.

有没有办法自定义SASS中的变量？例如：

.m-b-{$number} {
    margin-bottom: $number;
}

如果我给一个元素 class="mb-50"，它应该是 margin-bottom 50。我只想知道 SASS 是否可以。

我有一个条件,我想让运费价格为零.是否有任何预定义的功能？就像我们有一个预定义的功能,使购物车空,

$woocommerce->cart->empty_cart(); 

同样,是否有任何功能使运费价格为零？

我有一个SQL表,其中包含这样的行

--------------------
 id   promocode
--------------------
 1    test,test2
 2    test,test3
 3    test2,test3

现在我想在'promocode'列中选择值为'test'的行.
我用的时候

SELECT id from table WHERE promocode LIKE 'test'

它返回所有行,因为所有行都包含字符串'test'.但我只想要1和2行,因为只有那两行具有我需要的确切值.任何人都可以帮我查询？

嗨我有一个宽度为800像素,高度为600像素的div.
我想把它分成800 X 400 = 3,20,000个子div.
这意味着每个子div的宽度为1像素,高度为1像素.

我正在使用PHP.这是我的代码.

  <div class="main">
    <?php
     for($i=1;$i<=320000;$i++)
     {
    ?>
        <div class="single" ></div>

    <?php
     }
    ?>
 </div> 

CSS:

.main
{
margin-left:auto;
margin-right:auto;
width:800px;
height:400px;
}
.single
{
background-color:pink;
float:left;
height:1px;
width:1px;
}

但是当我运行页面时,执行代码需要很长时间.而且我的浏览器有时会崩溃.我的工作有更简单的方法吗？我可以用更简单的方式使用Javascript或jQuery吗？

这不是答案.这是对那些问我为什么要这样做的人的答复？
实际上我想开发一个像应用程序的涂料.

当我在每个子div上拖动鼠标时,颜色会发生变化.这是我的完整代码

PHP:

<div class="main">
<?php 

     for($i=1;$i<=320000;$i++)
     {
    ?>

        <!--<div class="single" onMouseOver="changeColor(this)"></div>-->
        <div class="single" onmousemove="changeColor(this)" ></div>

    <?php
     }

?>

CSS:

<style>
.single
{
 background-color:pink;
 float:left;
 height:3px;
 width:3px;
 cursor:crosshair;
}
.main
{
 margin-left:auto;
 margin-right:auto;
 width:800px;
 height:400px;
}
</style>

JAVASCRIPT:

<script>
var isMouseDown …