theadタグ、tbodyタグ、tfootタグの用途っていったいなんだろうって事で調べていたら、theadタグ部は固定でtbodyタグ部だけスクロールすることができるっていうのを始めて知った。
Tableのヘッダ(thead)を固定して、 Firefox3.5ではtbodyタグ部だけ綺麗にスクロールできた。 また一つ勉強になった。 CSS3では透明度の指定ができるようになるということなので、ちょっと試してみた。 opacityは文字と背景の両方が透明になっていくのに対して、rgbaは背景のみ透明になっていきます。 Firefox3.5 Safari4 Opera10 ちなみにIEはこの定義を解釈できないのでこんな表示。 IE6 CSSで背景色を設定するときは「background-color」で設定可能です。 でもJavaScriptで背景色を設定する場合は「backgroundColor」で設定可能です。 最初JavaScriptで って書いても背景色が変わらなかった。
内をスクロールさせる方法 » 株式会社ジラフィー(Giraffy) :: ソフトウェア開発・ウェブデザイン
IE6〜8はスクロールした内容がtheadタグ部に突き抜けてしまうのでぎりぎりセーフみたな感じだったな。CSS3 opacityとrgbaの違い
投稿者：yasu 更新日時：2009年10月9日 11時05分54秒
カテゴリ：CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS3 opacityとrgbaの違い</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body style="background-color: #00ffff;">
<div style="float: left; width: 200px; border: solid; margin-right: 5px;">
<p style="background-color: #ffffff; opacity: 1">opacity 1</p>
<p style="background-color: #ffffff; opacity: 0.9">opacity 0.9</p>
<p style="background-color: #ffffff; opacity: 0.8">opacity 0.8</p>
<p style="background-color: #ffffff; opacity: 0.7">opacity 0.7</p>
<p style="background-color: #ffffff; opacity: 0.6">opacity 0.6</p>
<p style="background-color: #ffffff; opacity: 0.5">opacity 0.5</p>
<p style="background-color: #ffffff; opacity: 0.4">opacity 0.4</p>
<p style="background-color: #ffffff; opacity: 0.3">opacity 0.3</p>
<p style="background-color: #ffffff; opacity: 0.2">opacity 0.2</p>
<p style="background-color: #ffffff; opacity: 0.1">opacity 0.1</p>
<p style="background-color: #ffffff; opacity: 0">opacity 0</p>
</div>
<div style="float: left; width: 200px; border: solid; margin-left: 5px;">
<p style="background-color: rgba(255,255,255,1)">rgba 1</p>
<p style="background-color: rgba(255,255,255,0.9)">rgba 0.9</p>
<p style="background-color: rgba(255,255,255,0.8)">rgba 0.8</p>
<p style="background-color: rgba(255,255,255,0.7)">rgba 0.7</p>
<p style="background-color: rgba(255,255,255,0.6)">rgba 0.6</p>
<p style="background-color: rgba(255,255,255,0.5)">rgba 0.5</p>
<p style="background-color: rgba(255,255,255,0.4)">rgba 0.4</p>
<p style="background-color: rgba(255,255,255,0.3)">rgba 0.3</p>
<p style="background-color: rgba(255,255,255,0.2)">rgba 0.2</p>
<p style="background-color: rgba(255,255,255,0.1)">rgba 0.1</p>
<p style="background-color: rgba(255,255,255,0)">rgba 0</p>
</div>
</body>
</html>
IE8
background-colorとbackgroundColor
投稿者：yasu 更新日時：2009年10月7日 21時12分33秒
カテゴリ：CSS, JavaScript
div {
background-color: #000000:
}
document.getElementById("divタグのid").style.backgroundColor = "#000000";
document.getElementById("divタグのid").style. background-color = "#000000";
