作者NelsonT (檔案清除手 v1.0)
看板Web_Design
標題Re: [問題] 想請問該如何設置畫面連結的大小...
時間Wed Oct 27 12:45:18 2004
※ 引述《yi7da ()》之銘言：
: 我不太會解釋意思...
: 也找不到範例...
: 就是常常會有大量圖片的網站...
: 圖片顯示...是只顯示圖片中的其中一小塊
: (比如說嘴巴或眼睛)
: 結果按圖片連結點進去...
: 是顯示完整圖片....
這可以用 CSS + XHTML 來完成。
舉例如下:
<!-- 這是 XHTML 語法 -->
<a href="圖的位置"><img src="圖的位置" alt="替代文字" class="clip1" /></a>
/* 這是 CSS 語法 */
.clip1 {
position:
absolute;
left: 1cm;
top: 1cm;
clip:rect(0px 150px 100px 0px)
}
要注意的是，rect(上 右 下 左)，基準是被定義元素的
左上角。
而 rect 所定義的範圍是
可視範圍
而且，只對
absolute 有作用。
--
╭───────我收集的免費軟體─────────╮
│
http://www.csie.nctu.edu.tw/~chtai/software.php │
╰────────────────────────╯
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.113.89.77