จากตอนที่แล้ว http://callmebird.com/weblog/using-image-as-link
 วันนี้มีอีกวิธีนึง จะเขียนไว้กันลืม
ใช้แท็ก <a> เหมือนเดิม

  1. <a class="imagelink" href="#">xxx.com</a>

style sheet

  1. .imagelink
  2. {
  3. display: block;
  4. background: url(xxxx.png)  no-repeat ;
  5. height: 55px;
  6. width: 275px;
  7. text-indent:-999999px;
  8. }

วิธีนี้คิดว่าน่าจะดีต่อการทำ seo เพราะยังเก็บข้อความลิงค์ไว้อยู่
เพียงแค่ดันมันออกจากกรอบ ไม่แสดงให้ user เห็นเท่านั้นเอง

Reference:
http://www.sebastiansulinski.co.uk/web_design_tutorials/css/z-index.php