小编Jam*_*lly的帖子

伪元素没有显示?

我想在一些表单字段的末尾添加一个帮助徽标,打开工具提示.

一切正常,但.helptip图标(http://img1.wsimg.com/shared/img/1/small-help-icon.gif)左侧(合并)文本.我实际上想要在span文本的右边,所以我做了.help-tip:after.但是根本没有任何东西出现.

你能发现什么是错的吗?

<div class="advancedSearchFormSelectField fclear">
<span id="view_format_mis" class="advancedSearchFormlabel help-tip"> Include Columns in Result Set </span>

<select class="advancedSearchFormSelectBox" id="filters_include_columns" multiple="multiple" name="filters[include_columns][]">

<option value="x">X</option>
<option value="y">Y</option>
<option value="z">Z</option>
</select>
</div>

<div class="advancedSearchFormSelectField fclear">
<span id="view_format_mis" class="advancedSearchFormlabel"> Sort Column </span>
<!--No help tip here -->    
<select class="advancedSearchFormSelectBox" id="filters_sort_columns" multiple="multiple" name="filters[sort_columns]">

<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
</div>
Run Code Online (Sandbox Code Playgroud)
.help-tip {
/* Merged text at the moment. .help-tip:after not working */ 
    cursor: pointer;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url("/assets/small-help-icon.gif"); …
Run Code Online (Sandbox Code Playgroud)

css css3 pseudo-element

17
推荐指数
1
解决办法
6万
查看次数

如何使div落后于另一个div?

我试图让"box-left-mini"走到div下面.

<div class="box-left-mini">
   this div is infront
    <div style="background-image:url(/images/hotcampaigns/campaign-sample.png);height:100px;width:100px;">
        this div is behind
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS box-left-mini是:

.box-left-mini {
    float:left;
    background-image:url(website-content/hotcampaign.png);
    width:292px;
    height:141px;
}
Run Code Online (Sandbox Code Playgroud)

html css

17
推荐指数
3
解决办法
8万
查看次数

如何从工具提示格式化程序中显示高级系列行标记符号?

默认情况下,highcharts在工具提示中显示线标记符号.

$(function () {
    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }, {
            data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]
        }]
    });
});
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/sashi799/vsyfmu77/

使用工具提示格式化器,我们如何添加行标记符号?

$(function () {
    $('#container').highcharts({

        tooltip: {
            formatter: function () {
                return this.x+'<br/>'+this.series.name+': '+this.y;
            }
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', …
Run Code Online (Sandbox Code Playgroud)

javascript linegraph tooltip highcharts

16
推荐指数
3
解决办法
2万
查看次数

什么img [class*="align"]在CSS中意味着什么?

img[class*="align"]CSS 中的含义是什么?

我在许多样式表中都看到了这一点,但我不确定它为何被使用以及它做了什么.任何的想法?

html css css-selectors css3

15
推荐指数
2
解决办法
3577
查看次数

阻止HTML实体转换为表情符号

我编写了一封HTML电子邮件并使用"▶" 编码一个右指向三角形来代替号召性用语中的图像.除了在iOS设备中将此html实体转换为其表情符号对应物之外,这将呈现预期.我也尝试使用十六进制版本而不是十进制版本但没有成功.

我发现解决方案使用php的帖子,但由于这是一封HTML电子邮件,我无法使用PHP.

有什么方法可以阻止iOS将HTML实体转换为它的表情符号?

这是我正在使用的html实体:http://www.fileformat.info/info/unicode/char/25B6/index.htm

html unicode emoji

15
推荐指数
1
解决办法
7255
查看次数

jQuery,仅在用户自己更改输入时更改事件

我们可以检测用户是否更改了某些内容:

$('#item').change(function() { 
    alert('changed!');
});
Run Code Online (Sandbox Code Playgroud)

遗憾的是,有时我需要巧妙地称之为:$('#item').change()但在这种情况下,它也被视为"改变".有没有办法区分用户活动与手动活动?

javascript jquery event-handling

15
推荐指数
2
解决办法
7879
查看次数

CSS转换:translate移动postion:固定内部Div

以下示例显示div中的div.内部的div是

position: fixed;
Run Code Online (Sandbox Code Playgroud)

当我添加

transform: translate(0px, 0px);
Run Code Online (Sandbox Code Playgroud)

对于外部div,内部div将不再表现为固定的

链接到示例:http://dabblet.com/gist/1723937

那么,翻译实际上是否会改变视口?当外部div具有翻译风格时,任何人都可以帮助我使用css保持内部div固定吗?

谢谢你,菲利克斯

css transform css-position

14
推荐指数
1
解决办法
8738
查看次数

带有前导零的嵌套css计数器

是否可以将css counters()函数与前导零组合,生成如下列表:

Item 01
  Item 01.01
  Item 01.02
    Item 01.02.01
Run Code Online (Sandbox Code Playgroud)

可以使用前导零,并且可以使用content: counter(name, decimal-leading-zero)组合嵌套计数器content: counters(name, ".").

我知道如果已知嵌套级别的解决方法(即我知道列表只会嵌套3级深度),但有人知道是否可以将这些组合用于未知嵌套级别的列表?

css css-content

14
推荐指数
1
解决办法
7666
查看次数

防止伪元素触发悬停?

如果我有标记:

<div class="a b"></div>
Run Code Online (Sandbox Code Playgroud)

其中.a类有一个与之关联的悬停类

并且.b类有一个与之关联的伪元素......就像这样:

div
{
    width: 100px;
    height: 100px;
}
.a { background: red; display: inline-block; }
.a:hover { background: green; }

.b:after
{
    content: '';
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-left: 100px;
    background: pink;
}
Run Code Online (Sandbox Code Playgroud)

是否可以使用css来阻止伪元素触发.a类悬停?

小提琴

css hover pseudo-element

14
推荐指数
1
解决办法
6209
查看次数

如何在IE8中为双字母域设置cookie?

由于将短域名与TLD区分开来并非易事,因此Microsoft维护了 IE8的特殊案例列表.列表可以在中找到res://urlmon.dll/ietldlist.xml.

但是,我不明白如何实际使用该列表.即使列出的特权双字母域名似乎行为不端.

例如,可以在列表中找到域cn.ca.但这是我在IE8的javascript控制台中得到的:

使用IE8在ca.cn上设置Cookie失败

相同的方法适用于较长的域,例如stackoverflow.com(我在此示例之前清除了我的cookie以避免不相关的噪声):

Cookie设置适用于使用IE8的stackoverflow.com

特殊案例清单是否真的被打破了,还是我只是误解了它的目的?有没有办法在IE8中为短域设置cookie(不限于子域)?

javascript cookies internet-explorer internet-explorer-8

14
推荐指数
1
解决办法
1474
查看次数