CSS初心者スレッド=9th=

このエントリーをはてなブックマークに追加
796Name_Not_Found
背景色だけ透過して文字色だけは透過しないままにする方法ってないですか?
背景色にopacity:0.2ぐらいにすると文字も極端に薄くなってしまいます
797Name_Not_Found:2011/04/04(月) 16:16:33.14 ID:???
>>796
RGBaにするかアルファPNG
798Name_Not_Found:2011/04/04(月) 16:38:23.07 ID:???
>>797先生、ありがとうございます!!!!!!!!!!!!!!!!!
799796:2011/04/04(月) 16:53:48.70 ID:???
ぼくのは無理層ですよね?
800Name_Not_Found:2011/04/04(月) 18:41:00.42 ID:e/yY687M
ボックスを中央に配置したいのですが
ボックスと親要素に対してposition:relative;を、ボックスにtop:50%;left:50%;で位置的には中央になったのですが
これだと左上が基点になってますので、結果中央から右寄りにボックスがあることになります
これをtext-align:centerと同じような感じでぼっくを中央に寄せるにはどのようにしたらよいのでしょうか?
801Name_Not_Found:2011/04/04(月) 18:47:21.61 ID:YpHaPJey
http://store.uniqlo.com/jp/store/feature/chino/women/
ユニクロのグローバルメニューはある一定以上のスクロールをすると
バーを動かしてもずっと固定され表示され続けています。

この記述の仕方をお教えさい。簡易サンプルがあれば
お教えください。
802Name_Not_Found:2011/04/04(月) 18:54:06.61 ID:???
>>796
その使い方なら、背景色用に透過pngを作ったほうが早い。
803Name_Not_Found:2011/04/04(月) 18:56:02.19 ID:???
>>801
スクロール量を調べて特定の量だけスクロールしてあればfixedでメニューを固定してるんだと思う
804Name_Not_Found:2011/04/04(月) 18:57:23.96 ID:???
>>799
だれ?w
805801:2011/04/04(月) 19:20:31.36 ID:YpHaPJey
さっそくのご回答ありがとうございます
803>
素人なもので、簡単なもので構いませんので、
その記載の仕方をお教えいただけませんか?

-----------------------
スクロール量を調べて特定の量だけスクロールしてあれば
fixedでメニューを固定
-----------------------

よろしくお願いいたします。
806Name_Not_Found:2011/04/04(月) 19:28:31.89 ID:???
これマッチングサイトでも2〜5万円ぐらいで成立してる作業だからちったぁ自分で努力しろ
jqueryで使うならスクロールはtp://stacktrace.jp/jquery/api/css/scrolltop(val).html
スクロール量を見てメニューのcssを変更するならtp://stacktrace.jp/jquery/api/css/css(properties).html
807Name_Not_Found:2011/04/04(月) 22:31:55.55 ID:???
>>793
内容によっては
<dl>
<dt>a</dt>
<dd>b</dd>
<dd>c</dd>
</dl>
これもあり
808Name_Not_Found:2011/04/04(月) 22:38:52.09 ID:???
<ol>
<li class="title">a
<ol>
<li value="1">b</li>
<li>c</li>
</ol>
</li>
</ol>
809Name_Not_Found:2011/04/05(火) 00:29:03.95 ID:???
春だねぇ
810Name_Not_Found:2011/04/06(水) 11:47:55.03 ID:???
教えて下さい。
多々ある画像を1枚の画像に結合し、CSSのbackground-positionで指定してやるとサイトが軽くなるという記事を見ました。この場合、
<style>
.test1{
background-image: url(images/AA.gif); width:20px; height: 20px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.test2{
background-image: url(images/AA.gif); width:20px; height:20px;
background-repeat: no-repeat;
background-position: -20px 0px;
}
</style>
このように指定してやっても軽くなるのでしょうか。それとも、
<style>
#test{
background-image: url(images/AA.gif); width:20px; height:20px;
background-repeat: no-repeat;
}
#test .test1{
background-position: 0px 0px;
}
#test .test2{
background-position: -20px 0px;
}
</style>
このように親要素で指定した上で子要素で位置を指定してやらないと軽くならないのでしょうか。
下の方法でやると、とても大変になりそうで困っています。
知っている方がいましたら教えて頂けないでしょうか。
このスレでの質問と違う内容でしたら申し訳御座いませんがスレの名前でも良いので教えて頂けると助かります。宜しくお願い致します。
811Name_Not_Found:2011/04/06(水) 12:00:26.14 ID:???
ここ読んでメリットとデメリットを知ってから来てくれ
ttp://coliss.com/articles/build-websites/operation/css/transparent-css-sprites.html
812Name_Not_Found:2011/04/06(水) 12:43:55.04 ID:???
早いお返事ありがとう御座います。
デメリットに関しまして、ブラウザのメモリに関する問題点が上げられていますが、英語のサイトで理解が出来ませんでした。。申し訳御座いません。
具体的にどの程度デメリットが体感出来るのかとても興味深く思います。後で翻訳サイト等にかけて読んでみようと思います。
教えて下さったサイトはとても参考になり、親要素関係なく指定出来る事がわかりました。
このサイトの記述による解釈によると1枚の画像をポジション指定により表示するので、はやり私の書いた上の方法では意味のない、むしろ重くなってしまうという解釈で宜しいのでしょうか?
そこらへんが詳しく書かれていないので最終判断に困っております。宜しければ教えて頂ければ幸いです。
813Name_Not_Found:2011/04/07(木) 13:49:25.19 ID:ATZ3VhwY
背景を透過させたサイトを作っているのですが、
背景だけを透過させたいのに、サイト内のすべての画像が透けてしまいます。
背景のみ透過させる方法はないのでしょうか?
814Name_Not_Found:2011/04/07(木) 13:50:13.20 ID:???
>>813

>>796-
815Name_Not_Found:2011/04/08(金) 06:07:05.68 ID:???
>>812
十分理解してるじゃん。
それ以上なにがしたいの?