html - 歌剧溢出问题 css/html

Question

我的渐变有问题。渐变在歌剧中没有显示 wel 。我究竟做错了什么？有关更多代码，请参见 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;在您的.block-gradientdiv 中使用。

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