小编Mud*_*sir的帖子

我经常趁darken并lighten在我的SASS风格.我目前正在写一个有边框的课程,但是依赖于另一个课程的背景颜色.我想要做的是将边框颜色设置darken为元素的背景颜色.

像这样的东西:

.blue { background: #00f; }
.red  { background: #f00; }

.border { border: 2px solid darken(background, 20); }

那么标记将是:

<div id="colored-box" class="blue border">
  <p>
    I have a dark blue border!
  </p>
</div>

<div id="colored-box" class="red border">
  <p>
    I have a dark red border!
  </p>
</div>

当然,如果我按照这里写的那样工作,我不会在SO上发布这个问题:)

所以问题是:我可以动态地border在background属性上添加颜色,如果是,那么如何？

小提琴链接

当我点击绿色div时,一切都隐藏起来,但是绿色div是生涩的,就像在第一个绿色div旁边的一个生涩的动作.是否可以平滑运输,以便它滑动并占据第一个绿色div旁边的位置？

JS:

$('.green').click(function(){
    $('.others').fadeOut();
});

CSS:

.green{ background:green; padding:10px; margin:10px; }
.red{ background:red; padding:10px; margin:10px; }
.blue{ background:blue; padding:10px; margin:10px; }
.green:hover{ cursor:pointer;}
.fade{display:none; opacity:0;}
div{ float:left; }

HTML:

<div class="green"></div>
<div class="red others"></div>
<div class="blue others"></div>
<div class="green"></div>
<div class="red others"></div>
<div class="blue others"></div>

我有一个代码，其中只能在 onclick 事件之后执行。在移动设备上这很好，因为我使用 touchstart 和 touchend。有没有类似touchend的事件可以在电脑上使用？

我的代码目前看起来类似于..

document.getElementById('trigger-box').addEventListener(function(e) {
    // the event will be used later
    // my code
});

我尝试在互联网上搜索答案，但不幸的是找不到答案。因此，我在这里发布了我的问题。

我已经在我公司的框架中实现了 HighCharts，我可以说我们对它非常满意。但是我们有一个问题，我们不知道如何解决。

在柱状图中，当一列的值为零时，它没有关于它的视觉信息，只是省略了该列。当用户将鼠标悬停在值等于 0 的列的空间上时，我希望它显示在工具提示中。

观看下面的小提琴，它生成一个条形图，其中包含多个值为 0 或毫无价值的列。

提琴手

图表运行的方法：

GraficoBarra(arrayPropriedades, arrayDados, arrayDrillDown);

我在页面上有一个嵌入式sketchfab查看器,并希望保持3/2的宽高比.因此,如果高度= 300px宽度= 200px,则作为示例.宽度需要为百分比(div的100%),高度计算为生成宽度的百分比.

随机猜测: 高度:(宽度的66%); 类似于高度:(与宽度相同);

有没有办法做到这一点？

我正试图让4个盒子相互浮动.出于某种奇怪的原因,它们只是不起作用,也没有任何造型工作.

http://jsfiddle.net/u99A6/

这是我的HTML:

<section>
    <article>
        <div class="1-4-container">
            <p><strong>Lorem ipsum</strong></p>
            <p>Lorem ipsum dolor sit amet</p>
        </div>
        <div class="1-4-container">
            <p><strong>Lorem ipsum</strong></p>
            <p>Lorem ipsum dolor sit amet</p>
        </div>
        <div class="1-4-container">
            <p><strong>Lorem ipsum</strong></p>
            <p>Lorem ipsum dolor sit amet</p>
        </div>
        <div class="1-4-container">
            <p><strong>Lorem ipsum</strong></p>
            <p>Lorem ipsum dolor sit amet</p>
        </div>
    </article>
</section>

这是我的CSS:

section {
    width: 100%;
}
section article {
    width: 1000px;
    padding: 20px;
    margin: auto;
}

.1-4-container,
.2-4-container,
.3-4-container,
.4-4-container {
    float: left;
}
.1-4-container {
    width: 25%;
}
.2-4-container {
    width: 50%; …

你好！当调整窗口大小时，文本会自动换行以很好地适应其容器。为此，我使用以下 CSS 代码：

article {
    overflow: auto;
    word-wrap: break-word;
}

虽然看起来，这根本没有任何效果。当我删除这段代码时，行为不会改变：文本仍然在行尾附近换行。

我抱怨文字之间的巨大差距。我观察到一些网页没有使用额外的代码，但它仍然可以很好地工作。你能帮我去掉这个空间吗？谢谢你！