CSSハック/ブラウザハックとは
http://d.hatena.ne.jp/ilife/20080218
課題がまた増えている!というか前に出ていたのにほったらかしといたものがリマインドされています
課題のポイント(さっぱりわかりませんので調べたいと思います)
- ブラウザハック
- 透明PNG
- ボーダーを使用しない囲み
1.→ CSSハック/ブラウザハックとは・・・おそらくブラウザのバグ対応のことですね
Webブラウザ間でのCSS仕様の解釈の相違やバグの有無を振り分けの条件として利用し、特定のブラウザに対しスタイルを適用あるいは非適用とする手法(http://www.mitsue.co.jp/より)
2.→透明PNGとCSSを加えることでIE6では見えないものを見えるようにしてあげるということか?
スターハックというのがあるらしい
[参考URL]http://www.stylish-style.com/csstec/hi-level/a-png.html
アルファ画像を扱うalphafilter.jsライブラリ
IE6でアルファ画像(透過png)が使えないことにより、IE6で透過pngを扱うjsライブラリを作ってhead要素内にalphafilter.jsを読み込む。
[参考URL]http://blog.webcreativepark.net/2007/02/01-233315.html
3.→ ???
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift-JIS" />
<title>css sample</title>
<script type="text/javascript" defer="defer" src="./alphafilter.js"></script>
<style type="text/css">
body{
background:url("top_bnr_mobile.gif") no-repeat;
}
div.alpha{
width:235px;
height:201px;
background:url(body_bg_point.png) no-repeat right;
}
</style>
</head>
<body>
<div class="alpha"></div>
</body>
</html>