2012-07-23 59 views
1

在Internet Explorer 9中旋轉超鏈接時,屏幕上的繪畫似乎處理得很好,但可點擊區域似乎並未尊重這一點。可點擊區域在IE中旋轉超鏈接?

是否輪轉使用-ms-transform,filter-ms-filter似乎並不重要。旋轉超鏈接本身(a:link)或其容器(例如div)似乎也無關緊要。對於後者,overflow:hidden也不受尊重(同樣,對於可點擊區域;被繪區域按預期剪裁)。

有沒有什麼辦法解決這個問題,還是應該回退到area[coords](當然這不是最好)?

回答

0

不幸的是,當我嘗試打開90度按鈕時,我遇到了同樣的問題。 IE中的可點擊區域只位於按鈕的頂部。低劣的IE = [

我真的不想使用圖像的按鈕...

發現了這個線程:Rotating clickable elements in IE8+也許它會幫助你(和我)......

+0

看起來像那個線程不提供IE9的解決方案。 (我會很驚訝,因爲我的代碼已經使用了專有的'DXImageTransform.Microsoft.Matrix')。我想到的一個解決方案是使用'area'和'type =「poly」 '和'coords'的值應該是可點擊區域的座標(並將它們放在IE條件註釋中)。但是,我沒有使用這個項目,因爲它沒有幫助我需要的懸停效果。 – ACJ 2012-08-16 00:29:22

1

Rotating the button using CSS3 and applying it on absolute right position doesn't work

複製文本這裏看看這個解決方案供參考:

我用-ms變換固定它:旋轉(-90deg);不知何故,這是沒有添加到我在線使用的發電機。可點擊區域現在在IE中運行。 - user1466179

+0

我有一個旋轉的按鈕的背景圖像,沒有出現在IE9上面的修復。這裏是我做: 我用兩個 '濾波器:的progid:DXImageTransform.Microsoft.BasicImage(旋轉= 2);'' -ms變換:旋轉(90度);' 旋轉270度(108 +90),可點擊區域運行良好,並且我的背景圖像也顯示出來了。我現在不必爲IE改變'正確'的CSS,它與我用於Chrome和Firefox的相同。 – Surekha 2013-07-19 15:21:28