小编Dav*_*ice的帖子

我有一个分为多个列的网站.每当元素不在第一列并且不透明度设置为<1时,当其容器同时具有溢出y和边界半径属性时,它不会被渲染.

显示在这个小提琴

CSS

.main {
    -webkit-column-width: 100px;
    column-width: 100px;
    max-height: 200px;
}

.main > div {
    overflow-y:auto;
    border-radius: 6px;
}
.opac {
    opacity: 0.5;
}

HTML

<div class="main">
    <div>
        <div class="opac">element 1</div>
    </div>
    <div>
        <div class="opac">element 2</div>
    </div>
    ...
    <div>
        <div class="opac">element 30</div>
    </div>
</div>

我在OSX 10.10.1上使用chrome 40.0.2214.94(64位).适用于Firefox.