Fiddle (結果ペインのサイズを変更する必要がある場合があります): http://jsfiddle.net/BxVrf/1/
目的：
問題：
0) ご覧のとおり、私はコードよりもグラフィック デザインの方が得意です。
1）アコーディオンタブを斜めにしようとしています（現在、明らかに垂直divできれいに動作させることができます）が、巨大な画像を作成するまでは、解像度に依存しないこれを行う方法が見つかりません. ボックスシャドウを使用しているため、グラデーションを使用しても機能せず、透明な境界線が表示されます。CSS 変換も、zAccordion の有無にかかわらず、最適とは言えない結果をもたらします (Fiddle でコメントアウトしました)。
2) 下の画像のようにCSSのテキストフローをお願いします。理想的とは言えない CSS Text Wrapper と、次のように他の場所に投稿された Fiddle を見つけました。これもまた、理想的とは言えない結果を返し、現在、解決中の最初の問題が保留中の Fiddle には含まれていません。
var element, width, height, fontSize, numberOfParagraphs, lineHeight, numberOfLines, offsetIncrement, highestValue;
element = jQuery('p.all');
width = element.width();
height = element.height();
fontSize = element.css('font-size');
numberOfParagraphs = element.length;
lineHeight = Math.floor(parseInt(fontSize.replace('px','')) * 1.5);
numberOfLines = height/lineHeight*numberOfParagraphs;
offsetIncrement = 8.5;
highestValue = Math.floor(numberOfLines*offsetIncrement);
for(var index = 0; index <= numberOfLines; index++) {
element.eq(0).before('<span class="text-offset" style="width: '+highestValue+'px; float: left; height: '+lineHeight+'px; clear: both;"/>');
highestValue = highestValue-offsetIncrement;
}
誰かが私を正しい方向に向けることができれば、私は永遠に感謝します.