小编Jam*_*lly的帖子

我在html页面上有这样的元素:

<input id="serial[301888][0]" type="hidden" value="51.0100|T2-QQQ" name="serial[301888][0]">
<input id="serial[301888][1]" type="hidden" value="5.0900|T2-WWW" name="serial[301888][1]">
<input id="serial[301888][2]" type="hidden" value="11.1100|T2-XXX" name="serial[301888][2]">
<input id="serial[301888][3]" type="hidden" value="22.5600|T2-YYY" name="serial[301888][3]">
<input id="serial[301888][4]" type="hidden" value="10.2300|T2-ZZZ" name="serial[301888][4]">

不使用jQuery,我怎么能把所有这些元素都放到一个数组中？

是否可以根据浏览器窗口的高度(而不是使用媒体查询的宽度)更改CSS font-size和line-height标题？

我正在挖掘我正在使用的网站上的一些旧代码,它使用了iconize.它似乎工作的方式是添加这样的类......

a[href=$='.pdf']{
    padding: 5px 20px 5px 0;
    background: transparent url('icon.gif') no-repeat center right;
} 

这样做有什么好处,而不是我做过的方式？像这样......

a[href=$='.pdf']:after{
    content: url('icon.gif');
    vertical-align: sub;
}

这是演示他们两个的小提琴......

的jsfiddle

我的问题是......如果有的话,使用伪元素与标准填充和背景定位来附加/预先添加图像到元素有什么好处？

我正在客户端的DotNetNuke网站上远程工作,扩展了现有的HTML模板.客户要求必须隐藏这些新内容,直到他们对其进行审核.

有没有办法可以隐藏模板HTML的一部分,只显示给管理员？

我理想地寻找这样的东西:

<div>
    <% Admin Only %>
        <p>Only administrators can see this!</p>
    <% End Admin Only %>
    <p>Everyone can see this</p>
</div>

(我对ASP.NET不太熟悉,所以我不确定<%%>符号的调用方式.)

这有可能吗？

我已经搜索过这个问题,并且知道IE8有​​使用伪标签渲染元素的怪癖,但无法找到我的问题的解决方案.我试图绝对定位一个元素并在其中添加一个伪:before元素,它必须位于其父元素之下.

使用:

.container:before {
    z-index: -1;
}

使用Firefox和Chrome进行操作但不在IE上; 这是小提琴http://jsfiddle.net/WaTnn/

如何在IE8中将黄色元素定位在红色下面并且仍然将它的父级置于绝对位置？

我希望编号段落而不是使用有序列表.我试图通过在CSS中使用内容:counter(段落)来实现这一点,这样我创建的每个段落块都会在其左侧生成一个数字.

.pass {
  counter-reset:paragraph;
}

.pass p:before {
  content:counter(paragraph);
  position:absolute;
  font-size:0.6em;
  color:#999;
  margin-left:-3em;
  counter-increment: paragraph;
}

它工作正常,但问题是我无法弄清楚如何对齐数字,使它们都对齐.

所以代替:

7   Content
8   Content
9   Content
10  Content

我希望它们看起来像这样:

 7  Content
 8  Content
 9  Content
10  Content

有没有办法在没有OL和LI的情况下实现这一目标？

我正在尝试为客户端创建自定义样式的文本字段。

他们想要一个梯形输入字段。

这是我到目前为止所做的：

的HTML

<input type="text">

的CSS

input{
    background: #ccc;
    color: #000;
    border-bottom: 50px solid #ccc;
    padding-top:5px;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    height: 0px;
    width: 200px;
}

小提琴

关于如何或是否可以进行以下操作的任何想法： 。

我正在创建一个响应式设计,因此我的网站在桌面和移动设备上都能很好地查看.在我的网站上,我的一个div上有一个相当大的背景图像.

现在我一直想知道的是:我的div上的背景图像是否被媒体查询中的颜色替换？

例:

div {
    background: url(img/large-image.jpg);
}

@media screen and (min-width: 240px) and (max-width:830px) {

    div {
        background: #000;
    }
}

我有这个表格

<form action="">
  <div id="opwp_woo_tickets">
    <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][0][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][0][maxtickets]">
    </div>

    <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][1][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][1][maxtickets]">
    </div>

    <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][2][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][2][maxtickets]">
    </div>
  </div>
</form>

截至目前,我正在使用此jquery代码在复选框选中时显示文本框.

jQuery(document).ready(function($) {
   $('input.maxtickets_enable_cb').change(function(){
        if ($(this).is(':checked')) $('div.max_tickets').show();
        else $('div.max_tickets').hide();
    }).change();
});

它工作正常,但它会在选中时显示所有文本框.

有人可以帮我解决吗？

这是我的问题的演示.

http://codepen.io/mistergiri/pen/spBhD

当与<pre>标签一起使用时,它仍然不显示<iostream.h>,<conio.h>而其他关键字包含<>尖括号,如" cout<<".我只想知道如何在网页上显示我的编码.(没有编译,没有语法突出显示)