歌剧溢出问题css / html

Question

我的渐变有问题。渐变在 opera 中无法很好地显示。我究竟做错了什么？请参阅jsfiddle以获取更多代码：）

http://jsfiddle.net/KtDTK/7/

<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>`

Answer 1

降低身高，而不是在margin-top: -43px; div中使用.block-gradient。

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