[問題] <td> 有rowspan時背景色的問題

看板Web_Design作者 (清新柳橙)時間8年前 (2017/02/08 17:16), 8年前編輯推噓6(608)
留言14則, 6人參與, 最新討論串1/1
各位大大好: 先給程式碼連結:http://codepen.io/anon/pen/ygxpJZ 我想要做出表格上偶數列的顏色與奇數列的顏色不同。 如連結的下面那張表 但是如果遇到rowspan的時候 我用的css就會變成上面那張表一樣... 目前是用js另外做背景顏色處理, 想請問只靠CSS有辦法解決這件事嗎? -- 人生宗旨:摔不死!那就再來吧! -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.228.145.244 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1486545384.A.561.html

02/08 18:14, , 1F
你想要讓大格的背景色也跟著其他橫格線切開著色嗎?
02/08 18:14, 1F

02/08 18:14, , 2F
大格對 HTML 文件來說就是一格, 所以 CSS 應該無解
02/08 18:14, 2F
好吧...

02/08 18:24, , 3F
https://jsfiddle.net/qcngvz6x/ 笨笨的方法,從HTML下手
02/08 18:24, 3F
樓上大大你的fff欄還是白的阿。 ※ 編輯: steven11329 (36.228.145.244), 02/08/2017 21:00:37

02/08 21:34, , 4F
目前只想到還是設兩格 在上面那格的td 加 border-bottom顏
02/08 21:34, 4F

02/08 21:34, , 5F
色=透明
02/08 21:34, 5F

02/09 09:56, , 6F
https://jsfiddle.net/qcngvz6x/1/ 會錯意sry~ 是這樣子嗎?
02/09 09:56, 6F

02/09 10:58, , 7F
02/09 10:58, 7F

02/09 11:00, , 8F
有條件,rowspan父層的tr下面必須放一個空的tr
02/09 11:00, 8F
rowspan數不一樣好像就沒用了... ※ 編輯: steven11329 (36.228.159.47), 02/09/2017 19:45:08

02/09 21:36, , 9F
02/09 21:36, 9F

02/10 00:29, , 10F
樓上大大真是太有研究精神了!
02/10 00:29, 10F

02/11 23:00, , 11F
https://jsfiddle.net/qcngvz6x/3/我想到用分隔線OK嗎?
02/11 23:00, 11F

02/14 00:53, , 12F
02/14 00:53, 12F

02/14 00:56, , 13F
02/14 00:56, 13F

02/14 00:59, , 14F
02/14 00:59, 14F
文章代碼(AID): #1Ock7eLX (Web_Design)
文章代碼(AID): #1Ock7eLX (Web_Design)