[問題] 斜的該如何切版 WakeUpJ PTT批踢踢實業坊

[問題] 斜的該如何切版

作者: WakeUpJ (醒醒啊!J) 2017-05-23 11:14:48

小的是新入門的前端目前接到一個畫面有點不知道該如何切版
畫面大致上是長這樣
http://imgur.com/a/NnMzm
白色區塊會沿著斜邊放圖片
原先想在黑色區塊上下加入兩個直角三角形，但中間文字的部份又會處在三角形的區塊不
好切
想請問這樣的版型有什麼方法可以處理嗎？
麻煩大家給點建議謝謝！

作者: guoqiongyun (xiaoyun) 2017-05-23 13:23:00

變成咖啡色三角形？

作者: crossdunk (推噓自如) 2017-05-23 15:11:00

背景用斜的?

作者: miau (米奧) 2017-05-23 21:11:00

https://jsfiddle.net/ut9sntsw/ ？但要注意支援度

作者: kurtisgod (蹦蹦蹦) 2017-05-24 14:33:00

&:before after css三角形

繼續閱讀

Re: [問題] jq增加移除class後,hover仍然綁定原classdinos [問題] jq增加移除class後,hover仍然綁定原classTINGWEI6 Re: [問題] function該怎麼存放？p52189 [問題] GitHub產生網址出現問題Moneyyyyy [問題] 容器自適應跟著改變長度？Aroeman Fw: [售書]網頁程式設計ASP.NET 4.6完美入門dingopal [問題] linear-gradient 的問題.tyf99 [問題] 有沒有-可限制指定網址分享觀賞影音平台lovelove5566 [問題] 請問這種排版的「中文名稱」是什麼？red0whale [問題] CSS程式碼的顏色控制？dharma