问：我有一个问题...可以解决这个问题的是CSS英雄。我们需要形成一个复杂的CSS Shape。但是我可以得到所需的固定帮助。
答：也许这将是一个好的开始：
的HTML：
< div id = “包装器” >
< div类= “ overlay-left” > </ div > < div class = “ overlay-right” > </ div > < img src = “ http://placehold.it/800x600 “ > </ div >
CSS：
＃包装 {
宽度：100 ％; 身高：75 ％; 溢出：隐藏; 职位：相对; } ＃包装IMG {宽度：100 ％; } ＃包装器。overlay-left ，＃wrapper 。overlay-right {位置：绝对；底部：0 ; 高度：25
％;
宽度：50 ％; } ＃包装器。overlay-left {左：0 ; 背景：线性渐变（20度，# fff 50 ％，透明0 ）; } ＃包装器。overlay-right {左：50 ％; 背景：线性渐变（-20度，# fff 50 ％
， 透明 0 ）;
