我怎样才能获得与此图像类似的背景:

只有3种颜色,从顶角角度像阳光一样.
也许坚持使用简单的PNG或SVG背景图像将是一种更好的方法.
当前:http://jsfiddle.net/nmd1abot/
期望:http://i.imgur.com/64wPw7W.jpg
基本结构
Section
Header
Body
Graphic
Section
Header
Body
Run Code Online (Sandbox Code Playgroud)
我需要帮助让图形重叠到灰色部分,同时更多地按下第二部分的标题.
是否有解决方案不涉及手动设置第二部分的填充?
我构建的许多其他页面可能会使用此设计,但图像大小未标准化.
尝试构建一个弹性盒,其中元素的排序不仅从底部开始,而且最后的元素不断被推动。
排序的工作方式与此类似:
[3][6]
[2][5]
[1][4]
Run Code Online (Sandbox Code Playgroud)
目前,新元素将出现在该栏的底部。
这甚至可以用 Flexbox 来完成吗?
我试图根据字段标签名称获取字段 ID,而不是对值进行硬编码。
我可以根据给定的表单名称检索表单 ID
RGFormsModel::get_form_id($post_title);
Run Code Online (Sandbox Code Playgroud)
然后根据 ID 使用检索所有字段以及更多内容。
RGFormsModel::get_form_meta($id);
Run Code Online (Sandbox Code Playgroud)
然而,解析返回值非常笨重。
通过阅读 api,它似乎不是一种根据标签名称检索字段 ID 的直接方法。
API 或解决方案中是否有我遗漏的内容?