CSSのrepeatで切れ目が出る

質問

鶴田と申します。

CSSのrepeatで切れ目が出ます。
background-repeat:repeat-y;
としているのですが、1pxか2pxぐらいの切れ目が出来ます。
どのようにしましたら、隙間なく切れ目(空白)が埋まるでしょうか?
http://www3.synapse.ne.jp/wan-nyan/Sample/CSS_1_space.htm

よろしくお願いします。

回答No.1

daaman · ベストアンサー

＞　1pxか2pxぐらいの切れ目が出来ます。
というのが、

１．真ん中の黄色い背景と右のグレーの背景の間のことを言っているのなら、
ＣＳＳの　#shadow_right_middle の所で、background-position:left;　を設定すればいいかと思います。

２．真ん中の黄色い背景の横縞のことを言っているのなら、
元の画像が1pxの枠が付いた画像になっているので画像を修正する必要があります。

お礼

鶴田と申します。

そのとおりでした。2番です。
確かにストローク(枠)が1px付いていました。まったく気が付きませんでした。

ありがとうございました。
とても助かりました。
失礼します。