使用javascript/css切片圖像

我想用javascript/css剪切對角圖像，但我不知道是否可以用非HTML5代碼實現，如果是跨瀏覽器，則必須是HTML5。使用javascript/css切片圖像

這裏是我的設計

http://www.behance.net/gallery/Redesign-GlobalPerformancecat/680358

感謝您的幫助

好吧，我會更好地解釋，

下一個網站的網址是不是廣告目的

http://www.globalperformance.cat/

我試圖端口從閃存到html「Nosotros> NUESTRO EQUIPO」一節中，我知道這很困難，我可以把它如果需要的話simplier，但我真的希望能夠

時候離開閃光

來源

2011-05-09 Mc-

你有好的設計 – Devjosh 2011-05-09 11:38:29

由於您的問題是一個風格，而不是一個結構化的一個，那麼HTML5並不真的有什麼關係呢。 – 2011-05-09 13:16:22

我加了更多信息 – 2011-05-10 22:20:35

你的問題的答案有點棘手，但我會盡我所能解釋它。

對於跨瀏覽器兼容性，您需要創建一個50％透明圖像，50％填充您用作背景的對角線漸變圖像。按照這個屏幕截圖我剛剛爲你創建了這個圖像，這個圖像是自我解釋的：http://screencast.com/t/LU5E1XPdhoJ

你還需要更新你的html代碼例如

<ul> 
    <li> make this li tag position relative 
    <div> 
    place that half transparent image in this div and make this div position absolute and z-index 10 or higher 
    </div> 
    <img src="image.jpg" /> put actual image in this img tag 
    </li> 
</ul>

來源

2011-05-09 12:28:38

希望有幫助:) – 2011-05-09 12:36:37

使用javascript/css切片圖像

回答

相關問題