無名相簿css

Question

誰可以教我相簿做成跟這個人一樣
相本可以左右顛倒的
http://www.wretch.cc/album/wjlin1213

謝謝^^
可不可以麻煩你在教我
相本.從模糊變成清晰的嗎!!?

Answer 1

CSS 表加一行：

.side A:hover IMG {
FILTER: FlipH
}



2007-10-21 13:08:53 補充：
基本型是這樣：
.side A:hover IMG {
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=7);
}
.side a:link IMG {
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=0);
}

2007-10-21 13:10:47 補充：
與上面並用會失效 (一個新標準一個舊標準的關係)，所以基本型變成：

.side A:hover IMG {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1) progid:DXImageTransform.Microsoft.Blur(pixelradius=7);
}
.side a:link IMG {
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=0);
}

2007-10-21 13:12:39 補充：
如果你用了還是沒效，那變化型：

.side A:hover IMG {
display:block;width:120px;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1) progid:DXImageTransform.Microsoft.Blur(pixelradius=7);
}
.side a:link IMG {
display:block;width:120px;
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=0);
}

2007-10-21 13:18:06 補充：
技術上的原因是微軟的過濾器並不是 CSS 標準的過濾器，需要有版面 (layout)，意思是你必須達成下面中的至少一項：

1. 指定寬 (width) 或高 (height) 幾點或百分比
2. 定位 (position) 為絕對定位 (absolute)
3. 寫入模式 (writing-mode) 為 tb-rl
4. 可編輯內容 (contentEditable) 為真 (true)