小编use*_*261的帖子

我试图在IE10中使用flex box但它不起作用.Safari,Chrome和Firefox工作正常,但IE10不想工作.谁知道答案？

codepen:http://codepen.io/anon/pen/vcEGH/

  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;

我有一个带有图像的专栏。该列的高度有限，我希望所有图像都垂直适合该列。这可能吗？我正在尝试使用 Flexbox，但尚未成功。

.zoom__images {
  overflow: hidden;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

img {
  width: auto;
  height: auto;
}

<div class="zoom__images">
  <img src="https://s-media-cache-ak0.pinimg.com/736x/42/d4/66/42d466fd73a3b284f49d3020c27cf80e--aloes-martin-omalley.jpg" class="" alt="Simple Picture">
  <img src="https://s-media-cache-ak0.pinimg.com/736x/42/d4/66/42d466fd73a3b284f49d3020c27cf80e--aloes-martin-omalley.jpg" class="" alt="Simple Picture">
  <img src="https://s-media-cache-ak0.pinimg.com/736x/42/d4/66/42d466fd73a3b284f49d3020c27cf80e--aloes-martin-omalley.jpg" class="" alt="Simple Picture">
  <img src="https://s-media-cache-ak0.pinimg.com/736x/42/d4/66/42d466fd73a3b284f49d3020c27cf80e--aloes-martin-omalley.jpg" class="" alt="Simple Picture">
</div>

最好的祝愿

我有一个高度为300px的列表,我希望背景具有不透明度.但列表项必须保持不变(不透明度1).我怎样才能做到这一点？这是我的代码:

HTML:

<div class="dropdown">
                    <span class="notif">2</span>
                    <ul class="dropdown-menu">
                        <li><a href="#"><span>Elisadehasque</span> liked your story in <span>Disneyland Paris</span><span class="done">x</span></a></li>
                        <li><a href="#"><span>Petyana</span> started following you<span class="done">x</span></a></li>
                    </ul>
                </div>

CSS:

    .dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    margin: 0;
    margin-left: -100px;

    padding: 0;
    height: 300px;
    width: 250px;
    background-color: #fff;
    z-index: 10;
    opacity: 0.8;
}

.dropdown-menu li {
    z-index: 999999;
    opacity: 1;
}

如何使用元素的位置删除元素？例如，我想删除第二个。

Object {duur: ".short", taal: ".nl", topic: ".algemeen-management"}