歌剧溢出问题css/html

我的梯度有问题。在歌剧中，渐变没有显示好友。我究竟做错了什么？看到的jsfiddle进一步代码:)歌剧溢出问题css/html

<div class="product_1"> 
    <div class="product_block"> 
    <div class="block-gradient"> 
</div> 
    <div class="block-top"> 
    <div class="text"> 
    <h4>kenmerk header</h4> 
    <div class="kenmerk"> 
    kenmerk 
    </div> 
</div> 
    </div> 
    <div class="block-mid"> 
    <div class="intro"> 
    Introduction 
</div> 
    </div> 
    <div class="block-footer"> 
    <a class="meerinfo" href="/empty.php?p=meerinfo&menuID=1">info</a> 
    </div> 
</div> 
<div class="order"> 
    <p><a class="order_text" href="#">Bestellen</a></p> 
</div> 
</div>`

来源

2013-02-04 Gert Kommer

你说“好吧”，它是如何显示的？ –

框的顶部以某种方式离开边界半径。尝试在Opera浏览器中打开jsfiddle，然后自己查看。 **编辑** div块渐变超出框。隐藏其余的使用溢出隐藏，但在歌剧它不工作：s –

有较少的Opera用户，然后IE用户。除非你真的需要，否则我不打算解决这个问题。 – Morpheus

降低高度，而不是在你的.block-gradient DIV使用margin-top: -43px;。

.block-gradient { 
border-radius: 253px 33% 304% 0; 
height: 107px; 
/*margin-top: -43px;*/ 
opacity: 0.4; 
width: 204px; 
z-index: 1; 
}

来源

2013-02-04 16:58:54 Morpheus

我改变它与你的内容一点点。它几乎是完美的，现在我只有右上角仍然开箱即用:) –

使用此[链接]（https://www.google.co.uk/search?q=opera+child+background+重叠+父母+边界+半径＆ie = utf-8＆oe = utf-8）阅读更多关于这个问题的内容（前5个链接到SO）。这似乎是歌剧的bug，没有解决方法。 – Morpheus

歌剧溢出问题css/html

回答

相关问题