小编Gal*_*lex的帖子

我正在使用object-fit:cover在我的网站上播放背景视频（向下滚动）。Firefox 和 Chrome 正确显示它，但 Edge 没有 - 尽管它支持该object-fit属性。

.sec-content > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.bg-video {
    position: absolute;
    z-index:4; 
    left: 0;
    top: 0;
    width: calc(50% + 400px);
    height: 100%;
}
.bg-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    box-sizing: border-box;
}

<div class="bgg-2 bg-video">
    <video autoplay="autoplay" muted="muted" playsinline="" loop="loop" poster="/images/2.jpg" class="scroll-video">
        <source src="/files/video-test.mp4" type="video/mp4">
    </video>
</div>

为什么 Edge 没有像应该的那样显示它？

点击打开子菜单,下次点击关闭 - 这就是我想要实现的目标.示例是此页面("跟随"链接下的子菜单).
它打开子菜单(添加类'打开'),但不关闭.被困...... :(

我的HTML:

<ul id="toggle"><li>
<a href="#">Menu</a>
<ul id="dropdown" class="dropdown-menu" role="menu">
<li><a href="#">2017</a></li>
<li><a href="#">2012</a></li>
<li><a href="#">2003</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>    

JavaScript的:

$(document).ready(function(){
$('#toggle li').on('click', function(){
$(this).removeClass('open').addClass('open');
});
});

http://jsfiddle.net/Gallex/32pv6xz8/7/

如果您使用Internet Explorer 11 查看此页面，则可以看到图像的纵横比不正确-图像被垂直拉伸。IE 11顽固地显示图像的原始高度。所有其他浏览器（最新的Chrome，Firefox和Edge版本）正确显示。为什么此CSS代码不适用于IE 11？

的HTML：

<section class="content-6 sec-content">
<div class="container sec-right">
<div>
<img src="https://eoy.ee/oosorr/images/8.jpg" alt="Nõmmemännik" width="1280" height="853" />
</div>
</div>
</section>

CSS：

img {
width:100%;
height:auto;
max-width: 100%;
}

.sec-content{
display:-ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction:column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: end;
justify-content: flex-end;
}

.sec-content > div{
padding-bottom:50px;
display:-ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction:row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.sec-right{
-ms-flex-pack: end;
justify-content: flex-end;
}

.sec-right > div{
display:-ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction:column;
padding:35px …

...不工作。任何想法为什么？

<iframe width="560" height="315" src="https://www.youtube.com/embed/nwe76N7J0EI?rel=0&amp;controls=0&amp;showinfo=0&amp;start=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

这是 youtube 提供的最新代码

如果首页上的用户将"活动"类添加到第一个li,如果在图库页面上将"活动"类添加到第二个li,依此类推......

<ul>
<li class="home"><a href="/">Home</a></li>
<li class="gallery"><a href="/gallery">Gallery</a></li>
<li class="products"><a href="/products">Products</a></li>
</ul>