小编Hem*_*ela的帖子

我可以将元素相对于父元素定位吗?

我发现当我将一个元素定位为固定时,如果父元素相对与否定位无关紧要,它将相对于窗口定位固定?

CSS

#wrapper { width: 300px; background: orange; margin: 0 auto; position: relative; }
#feedback { position: fixed; right: 0; top: 120px; }
Run Code Online (Sandbox Code Playgroud)

HTML

<div id="wrapper">
    ...
    <a id="feedback" href="#">Feedback</a>
</div>
Run Code Online (Sandbox Code Playgroud)

http://jsbin.com/ibesa3

css dom

229
推荐指数
8
解决办法
33万
查看次数

如何在div中居中(背景)图像?

是否可以将背景图像置于div中?我几乎尝试过所有事情 - 但没有成功:

<div id="doit">
  Lorem Ipsum ...
</div>

//CSS
#doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; }
Run Code Online (Sandbox Code Playgroud)

这可能吗?

html css background image center

129
推荐指数
6
解决办法
23万
查看次数

中心固定div与动态宽度(CSS)

我有一个div将有这个CSS:

#some_kind_of_popup
{
    position: fixed;
    top: 100px;
    min-height: 300px;
    width: 90%;
    max-width: 900px;
}
Run Code Online (Sandbox Code Playgroud)

现在,我怎样才能使这个div居中?我可以使用margin-left: -450px; left: 50%;但这仅在屏幕> 900像素时才有效.之后(当窗口<900像素时),它将不再居中.

我当然可以用某种js来做这件事,但是用CSS做"更正确"吗?

html css center

79
推荐指数
4
解决办法
13万
查看次数

从textarea中删除所有样式(边框,发光)

我想从textarea中删除样式,如果可能的话,将其全部留白,没有任何边框或发光.我试过在这里发现不同的东西,但没有任何作用(试用FF和Chrome).

那么,它是否可能,如果是这样的话怎么做?

在此输入图像描述

到目前为止我尝试过的:

textarea#story {
  // other stuff
  -moz-appearance:none;
  outline:0px none transparent;
}

textarea:focus, input:focus{
    outline: 0;
}

*:focus {
    outline: 0;
}
Run Code Online (Sandbox Code Playgroud)

css forms textarea border

58
推荐指数
2
解决办法
9万
查看次数

在MySQL中,UNIQUE索引是否区分大小写?

在MySQL中,索引(索引)是否被定义为UNIQUE区分大小写?

mysql indexing key unique case-sensitive

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

水平翻转html和css

我正在尝试实现一个功能,我需要有两棵树,一个在另一个旁边,看起来像镜子.请看图片:

在此输入图像描述

关键是我找到了水平翻转的方法,但文字也是倒置的.我不能做的是反转树,让文本原样.

这就是我所做的:http://jsfiddle.net/lontivero/R24mA/

基本上,以下类适用于html主体:

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}
Run Code Online (Sandbox Code Playgroud)

HTML代码:

<body class="flip-horizontal"></body>
Run Code Online (Sandbox Code Playgroud)

和JS:

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    height: 200,
    width: 400,
    // more and more code. SO forces me to paste js code ;(
    renderTo: Ext.getBody()
});
Run Code Online (Sandbox Code Playgroud)

html css extjs flip

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

有没有办法看到构建中包含哪些UDID?

我正在寻找一种方法来验证IPA或mobileprovision文件,看看我在分发应用程序进行beta测试之前是否添加了所有测试设备.

udid ios ipa

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

Git的Dockerfile策略

使用Dockerfile将私有Git存储库克隆到Docker容器的最佳策略是什么?优点缺点?

我知道我可以在Dockerfile上添加命令,以便将我的私有存储库克隆到docker容器中.但我想知道人们在这个案例中采用了哪些不同的方法.

它没有包含在Dockerfile最佳实践指南中.

git git-clone docker dockerfile

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

CSS:如何选择父母的兄弟姐妹

我的页面中有以下HTML.

<ul id="detailsList">
    <li>
        <input type="checkbox" id="showCheckbox" />
        <label for="showCheckbox">Show Details</label>
    </li>
    <li>content ...</li>
    <li>content ...</li>
    <li>content ...</li>
    <li>content ...</li>
    <li>content ...</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我无法更改此HTML.我使用以下CSS隐藏了所有LI,除了第一个

ul#detailsList li:nth-child(1n+2) {
    display:none;
}
Run Code Online (Sandbox Code Playgroud)

到现在为止还挺好.我现在要做的是在勾选复选框时使用纯CSS显示隐藏的LI.到目前为止,我最好的尝试是

ul#detailsList li input#showCheckbox:checked + li {
    display:block;
}
Run Code Online (Sandbox Code Playgroud)

显然这不起作用,因为+ li只会在复选框之后立即选择LI(即兄弟姐妹),而不是父母的兄弟姐妹.

这甚至可能吗?

css css-selectors css3

18
推荐指数
1
解决办法
2万
查看次数

HTML布局:将侧栏列添加到现有站点

我有一个看起来像这样的身体的网站:

<body>
  <div id="header">...</div>
  <div id="content">...</div>
  <div id="footer">...</div>
</body>
Run Code Online (Sandbox Code Playgroud)

在这些divs中没有使用绝对/相对定位技巧,但是这些s及其内部元素的样式中有很多floats,clears,margins和paddings div.所有这些都会产生一个看起来像这样的网站:

?????????????????
?     header    ?
?????????????????
?????????????????
?    content    ?
?????????????????
?????????????????
?     footer    ?
?????????????????
Run Code Online (Sandbox Code Playgroud)

我的问题是:如何添加一个独立的固定宽度左栏(侧栏),其中包含额外的内容,这些内容将收缩整个站点(页眉内容页脚)并将它们移到右侧.

?????????????????
?side?? header  ?
?bar ????????????
?    ????????????
?    ?? content ?
?    ????????????
?    ????????????
?    ?? footer  ?
?????????????????
Run Code Online (Sandbox Code Playgroud)

我知道一个几乎理想的解决方案,但它很丑陋,需要重新嵌套现有的div:

<body>
  <table>
    <tr>
      <td id="sidebar">...</td>
      <td>
        <div id="header">...</div>
        <div id="content">...</div>
        <div id="footer">...</div>
      </td>
    </tr>
  </table>
</body>
Run Code Online (Sandbox Code Playgroud)

是否可以优雅地做到这一点,只需在身体的某处添加一个外部侧边栏元素,即,像那样?

<body>
  <div id="sidebar">...</div> …
Run Code Online (Sandbox Code Playgroud)

html css html-table css-float

14
推荐指数
2
解决办法
10万
查看次数