logo

สำหรับเทคนิคที่ใช้บ่อยคือ

HTML คือ
<h1 id=”ex111″><span>CSS-Tricks</span></h1>

CSS คือ
h1#ex111 {width: 250px; height: 25px; background-image: url(logo.gif); }
h1#ex111 span {display: none;}

HTML คือ
<h1 class=”ex222″> CSS-Tricks</h1>

CSS คือ
h1.ex222 {width: 350px; height: 75px; background: url(“images/header-image.jpg”); text-indent: -9999px; }

การเขียน javascript ให้เรียก Css อีกไฟล์ นิยมใช้ในกรณีที่ การแสดงผลทางบราวเซอร์ไม่ตรงกัน คล้ายกับแสดงว่า ถ้าเป็น browser IE ให้ใช้ css ชื่อนี้ ดังตัวอย่างต่อไปนี้

<link rel=”stylesheet” type=”text/css” media=”screen” href=”style.css” />
<!–[if IE]><link rel=”stylesheet” type=”text/css” media=”screen” href=”iehack.css” />< ![endif]–>
ถ้าเป็น บราวเซอร์ IE [...] Continue Reading…