[k]id » ShadedBorderでheightの繰り返しがうまくいかない時のTips 

2008年6月19日

ShadedBorderでheightの繰り返しがうまくいかない時のTips

Yahoo!ブックマークに登録

1 Star2 Stars3 Stars4 Stars5 Stars (現在評価はありません。)
Loading ... Loading ...

角丸コーナーや影付きドロップシャドウをJavaScriptとCSSだけで作成できるShadedBorderですが、
何故か縦長のページの時に、背景が途切れてしまうという現象が起こりました。

 

そこで使用させていただいているshadedborder.jsの中身を2カ所、修正してあげる事で、
繰り返しが正常に動作する事が解ったので、メモしておきます。

 

155段目
ds.push('<div style="position:relative; top:' + (th+bh) + 'px; height:2048px; ' +
                 ↓
ds.push('<div style="position:relative; top:' + (th+bh) + 'px; height:10240px; ' +
  と
162段目
' top:' + (th+bh) + 'px; height:2048px; padding:0; margin:0;';
                 ↓
' top:' + (th+bh) + 'px; height:10240px; padding:0; margin:0;';
で大丈夫だと思います。

Comments

Powered by Facebook Comments

この記事を読んだ方は下記も投稿も読んでいます

コメント・トラックバック

トラックバック

コメントする