小编thi*_*dot的帖子

在HTML中使用<label>是否重要？

请原谅我可能非常愚蠢的问题,但我的好奇心正在扼杀我,而且我是新手,但是你在标记中使用了重要的标签,为什么？

即

<label for="birthdate">Birthdate:</label>
<input type="text" id="birthdate" name="birthdate" />

Run Code Online (Sandbox Code Playgroud)

为什么我必须标记这个输入,为什么它对用户有益,为什么对将来的使用有益,或者它是搜索引擎优化的东西.这就是我真正想知道的:)

html forms labels

get*_*way

2011 07-21

14
推荐指数

3
解决办法

5118
查看次数

悬停效果不适用于IE8

我在桌面悬停时使用CSS进行颜色更改

#tabb tbody tr:hover td{
    color:#006;
    background:#d0e4f2;
}

Run Code Online (Sandbox Code Playgroud)

这在Chrome和Firefox中运行良好,但在Internet Explorer 8中不会发生悬停效果.

有没有办法使这个效果也适用于IE8？

html css doctype hover internet-explorer-8

Laz*_*zer

2011 06-09

14
推荐指数

1
解决办法

3万
查看次数

在UITableViewCell中,如何将删除确认模式恢复为正常编辑模式？

我在一些单元格的常规单元格删除确认之上有一个自定义确认警告对话框,它有点对这些单元格进行双重确认.(这是在用户进入编辑模式后,而不是通过滑动)因此,如果用户在我的自定义确认对话框中单击"确定"进行确认.它应该进行实际的删除,由于整个单元格将从TableView中删除,因此表现良好.但是,如果用户单击"取消",则单元格不会被删除,它将保留在表格中并保持"取消确认模式".这不是我想要的,我希望它恢复到'正常的单元格编辑模式".我搜索了苹果文档,它只提供了一个"showsDeleteConfirmation"readonly方法.它真的没有办法将此模式还原为单元格编辑.我可以这样做来破解它:

        [cell setEditing:NO animated:NO];
        [cell setEditing:YES animated:NO];

Run Code Online (Sandbox Code Playgroud)

我不能在这里启用动画,因为它看起来很糟糕,很想再次回到非编辑模式再到编辑模式.但没有它,动画过渡并不是很顺利.这有什么清洁方法吗？

iphone uitableview

Jer*_* Lu

2011 06-17

14
推荐指数

3
解决办法

2338
查看次数

CSS3中的顶部边框图像

我用border,border-top-image,border-image和没有似乎做什么我之后.

我有以下CSS:

#footer {
    overflow: hidden;
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 26px 0 30px 0;
    border-top-image: url('http://www.mycelticcrossstitch.com/celtic%20knot%20cross%20stitch.jpg');
    font-size: 0.8461538461538462em;
    color: #aaa;
}

Run Code Online (Sandbox Code Playgroud)

这似乎不适用于我正在尝试的网站,我已经在Firefox和Chrome中尝试过了.

我只希望图像出现在顶部边框上,并希望没有其他边框(所以它有点像a <hr />)

css css3

Dea*_*ean

2012 06-12

14
推荐指数

3
解决办法

5万
查看次数

nth-child中奇数/偶数子元素的问题

我有一个这样的网站:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="article_style.css" />
</head>
<body>
    <div class="section">
    <!--<h1>header</h1>-->
        <div>
            paragraph
        </div>
        <div>
            paragraph
        </div>
        <div>
            paragraph
        </div>
    </div>
    <div class="section">
        <div>
            paragraph
        </div>
        <div>
            paragraph
        </div>
        <div>
            paragraph
        </div>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

这是CSS:

div.section
{
    border: 1px solid black;
}
div.section div:nth-child(even)
{
    color: Green;
}
div.section div:nth-child(odd)
{
    color: Red;
}

Run Code Online (Sandbox Code Playgroud)

这就是结果:

这是可以的,因为即使在每个部分,我为奇数div和绿色获得红色.但是当我在第一部分的开头添加标题(示例中的注释代码)时,我得到了这个:

RESULT2

我不希望这样.我希望之前有这样的,但只是在第一部分中有一个标题.所以在第一个标题然后红色段落.

html css css-selectors

Mar*_*ski

2011 03-04

13
推荐指数

1
解决办法

6万
查看次数

CSS选择器,用于获取HTML树中特定类的最深层元素

我的HTML中有一堆DIV元素,其中几个将其class属性设置为"rowsLayout".这些rowsLayout DIV中的一些可以彼此嵌套.我想定义一个CSS选择器,它只针对那些嵌套中最深的DIV.也就是说,我不希望任何包含任何其他rowLayout DIV的rowsLayout DIV.

<div id="a" class="rowsLayout">
  <div id="b" class="rowsLayout" />
  <div id="c" class="rowsLayout">
    <div id="d" class="rowsLayout" />
  </div>
</div>
<div id="e" class="rowsLayout" />

Run Code Online (Sandbox Code Playgroud)

有了这个结构,我想要一个将b,d和e作为目标的选择器.

可以这样做吗？

css css-selectors

Mat*_*man

2011 03-09

12
推荐指数

2
解决办法

6549
查看次数

div容器上的css框阴影被切断

编辑:更一般的问题:我喜欢div上的box-shadow,但是当我将div放在box-shadow'd div的正下方时,阴影的底部部分尽管与z-index相混淆但不会叠加在顶部.所以看起来盒子阴影不能覆盖另一个div？任何想法都会很棒!

原始问题 - 我正在使用蓝图进行布局.这意味着有一个.container 950px然后包含一个#content.

在这种情况下,#content填充整个容器也是如此950px.

我想在它上面有一个投影#content,但问题是阴影被切断了,因为没有空间可以看到它.container.

一种解决方法是减小宽度,#content但会影响我已经拥有的布局位置,并且看起来太窄了.

有没有办法让盒子阴影忽略父容器并出现在它上面？这不是我猜的蓝图,但那是上下文.谢谢!

编辑:

body .container {
    margin: 0 auto;
    overflow: hidden;
    width: 950px;
}
body .container:after {
    clear: both;
    content: "";
    display: table;
}
#content {
    display: inline;
    float: left;
    margin-right: 0;
    width: 950px;
    box-shadow: 0 0 4px black;
    -moz-box-shadow: 0 0 4px black;
}

Run Code Online (Sandbox Code Playgroud)

#content是直接的.container.如果我放一个阴影,#content你就看不到它,直到我缩小宽度,这与内部元素混淆.

css css3 dropshadow

but*_*bat

2011 09-20

12
推荐指数

1
解决办法

1万
查看次数

带有(垂直和水平)居中文本的悬停框

我为客户端制作了一个用于图像拼接的悬停信息框.当这个人盘旋图像时(不同的方向,所以它的灵活大小),他会在另一个div上方获得一些信息.灵活性是问题:我希望div垂直和水平的内容居中.目前它看起来像这样:

.linkbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.9em;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

Run Code Online (Sandbox Code Playgroud)

但我希望这些东西出现在盒子的中间.所以我的第一个想法是:padding-top:40%;和(或许!？)50%的高度,其余的信息.我知道我必须以%表示这个大小,但那只是粗略的.你有什么主意吗？

该项目在这里:http://www.davidgoltz.de/2011/archive/

css position

Jul*_*oll

2011 08-12

11
推荐指数

1
解决办法

8986
查看次数

1__qem是什么意思？

我阅读了适用于Google Chrome的HTML元素的默认样式,可在此处获取.我找到了这个:

p {
    display: block;
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1__qem;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

Run Code Online (Sandbox Code Playgroud)

什么1__qem意思？

css webkit google-chrome

Ran*_*lue

2012 02-20

11
推荐指数

2
解决办法

2003
查看次数