クリエイターの転職・派遣なら デジタルスケープ デジタルスケープは、 映像・Web・エンジニアの派遣・転職エージェント。 クリエイターのキャリアアップをサポートします。
IE6向けPNG透過DD_belatedPNG.jsをリストの画像にも反映させる方法を教えてください。 IE6向けPNG透過DD_belatedPNG.jsをリストの画像にも反映させる方法を教えてください。 IE6向けPNG透過DD_belatedPNG.jsを使用して、サイト内のPNGを透過させることが出来ましたが、なぜかリスト部分(メニューボタン)の画像が透過されません。 画像はリストの背景画像としてCSSに記載しています。 仕様かなとも思ったので検索したのですが、有用な記事が見つけられませんでした。どうすれば透過できるでしょうか? どうぞよろしくお願いいたします。
【IE6で透過されない!】PNG対策で、「DD_belatedPNG.js」というのを使っているのですが、CSSで画像を配置しているとうまく反応しません。htmlで画像を配置しないとダメなのでしょうか?どなたかお願いします。 【IE6で透過されない!】PNG対策で、「DD_belatedPNG.js」というのを使っているのですが、CSSで画像を配置しているとうまく反応しません。htmlで画像を配置しないとダメなのでしょうか?どなたかお願いします。 この書き方、間違っていますか? <!--[if IE 6]> <script type="text/javascript" src="js/DD_belatedPNG.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('#go_top'); </script> <![e
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの?というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
clearプロパティ clearプロパティはfloatプロパティで指定された要素の回り込みを解除する。 どんな働きをするのかとりあえず検証してみた。 1. clearプロパティ概要 値 left right both none 初期値 none 適応対象 ブロック要素 継承 しない メディア visual 2. clearプロパティの値 left 左側の回り込み(float:left;)を解除 right 右側の回り込み(float:right;)を解除 both 左右両側(float:left; | float:right;)を回りこみを解除 none 回り込みを解除しない 3. clearのサンプル 基盤となるソース(floatもclearも指定しない) 回り込みしてもよいテキスト 回り込みして欲しくないテキスト <img src="common/sample_img_01.gif"
CSSのみでブラウザの表示枠ぴったりにレイアウトしたい時、どうしたらよいか。 テーブルレイアウトの場合は大枠を<table width=”100%” height=”100%”>にすればOKだった。CSSの場合ちょっと癖があり、横幅は100%でぴったりいくのだが、中身のボックス要素を「height:100%」で指定しても、その要素そのものの高さにしかならない。サンプル(横幅のみ表示枠ぴったり) なぜかというと、この高さの指定は親要素の高さに依存するものだからだ。(参考:height: n%;の正しい仕様 – Web標準普及プロジェクト) なので親要素である”<html></html>”と”<body></body>”の高さを100%に指定すると、ブラウザの表示枠ぴったりにはめることができる。サンプル(縦横表示枠ぴったり) html,body{ height: 100%; } これを応用して
サイドバーメニュー等の先頭のマーク(マーカー)表示に画像を使われている方は少なくないと思いますが、img タグをテンプレートに直接記述するのは、ウェブスタンダードでいうところの「構造とデザインの分離」という面よりあまりお勧めできません。またリストの量が増えると img タグの指定も増えることになり(テンプレートでは数ヶ所の指定で済みますが)、ページサイズにも影響します。 ということで、マーク表示にはCSS・リスト形式(li)の画像指定で表示すること好ましいですし、リスト先頭のマークに画像を使われている方も大勢いらっしゃると思いますが、list-style-image プロパティで li { list-style-image: url(hogehoge.gif); } と画像を指定した場合、下のようにマークが微妙にずれて表示されてしまうのが悩ましいところです(サンプル1)。 サンプル1 これ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く