Re: [問題] 想請問該如何設置畫面連結的大小...
※ 引述《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
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
-4
30