1
舊XP系統上的NVIDIA Quadro FX 1500圖形適配器相當陳舊，似乎不在受支持的Chrome硬件列表中;不過，我設法在Chrome上啓用3D變換，使用此：在地址欄不能在Opera 12.16中使用css 3d變換
- ，轉到chrome：//標誌/
- 覆蓋軟件渲染列表 - >啓用
現在我我正在尋找類似的技巧來在Opera 12.16上啓用3d css。
測試使用此頁面完成：http://jsfiddle.net/amustill/Qh8YV/它顯示一個簡單的3d旋轉div。 該測試成功使用FF，Safari，Chrome，但在Opera上失敗。
用這個簡單的測試類似的結果：
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.outer {
background-color: gold;
width: 200px;
height: 200px;
position: relative;
perspective: 300px;
perspective-origin: 50% 50%;
transform-style: preserve-3d;
-o-perspective: 300px;
-o-perspective-origin: 50% 50%;
-o-transform-style: preserve-3d;
-webkit-perspective: 300px;
-webkit-perspective-origin: 50% 50%;
-webkit-transform-style: preserve-3d;
}
.inner {
text-align: center;
background-color: red;
width: 100px;
height: 100px;
position: absolute;
top: 50px;
left: 50px;
font-family: Arial;
font-weight: bold;
transform: rotateY(45deg);
-o-transform: rotateY(45deg);
-webkit-transform: rotateY(45deg);
}
</style>
</head>
<body>
<div class="outer">
<div class="inner">
is this 3d?<br>
is this 3d?<br>
is this 3d?<br>
is this 3d?<br>
is this 3d?<br>
</div>
</div>
</body>
</html>
股利是不旋轉的歌劇院。
在Opera的錯誤控制檯，我發現這些消息：
perspective is an unknown property
perspective: 300px;
------------------------^ Inlined stylesheet 3d.html:12
perspective-origin is an unknown property
perspective-origin: 50% 50%;
-------------------------------^ Inlined stylesheet 3d.html:13
transform-style is an unknown property
transform-style: preserve-3d;
----------------------------^ Inlined stylesheet 3d.html:14
-o-perspective is an unknown property
-o-perspective: 300px;
---------------------------^ Inlined stylesheet 3d.html:16
-o-perspective-origin is an unknown property
-o-perspective-origin: 50% 50%;
----------------------------------^ Inlined stylesheet 3d.html:17
-o-transform-style is an unknown property
-o-transform-style: preserve-3d;
-------------------------------^ Inlined stylesheet 3d.html:18
-webkit-perspective is an unknown property
-webkit-perspective: 300px;
--------------------------------^ Inlined stylesheet 3d.html:20
-webkit-perspective-origin is an unknown property
-webkit-perspective-origin: 50% 50%;
---------------------------------------^ Inlined stylesheet 3d.html:21
-webkit-transform-style is an unknown property
-webkit-transform-style: preserve-3d;
------------------------------------^ Inlined stylesheet 3d.html:22
Unrecognized function
transform: rotateY(45deg);
--------------------------------------^ Inlined stylesheet 3d.html:35
Invalid value for property: transform
transform: rotateY(45deg);
--------------------------------------^ Inlined stylesheet 3d.html:35
Unrecognized function
-o-transform: rotateY(45deg);
-----------------------------------------^ Inlined stylesheet 3d.html:36
Invalid value for property: -o-transform
-o-transform: rotateY(45deg);
-----------------------------------------^ Inlined stylesheet 3d.html:36
Unrecognized function
-webkit-transform: rotateY(45deg);
----------------------------------------------^ Inlined stylesheet 3d.html:37
Invalid value for property: -webkit-transform
-webkit-transform: rotateY(45deg);
----------------------------------------------^
的Chrome，火狐：
歌劇：
問題：
- 是否Opera支持3d轉換？
- 如果是：問題是什麼 - 舊的硬件？代碼？
- 是否有解決方法？
只是測試此：歌劇：關於：配置/加速度/啓用硬件加速：1（值爲0） - >沒有影響 – Gisela
[CanIUse]（http://caniuse.com/# feat = transforms3d）顯示Opera 15支持使用「-webkit」前綴進行3D轉換。它沒有提供關於15之前的版本的任何信息。 –
哇，這很奇怪：Help/About告訴我：版本12.16/Build 1860/Plattform Win32/OS Windows XP。可執行文件從2013年7月9日開始 - 僅2周齡;更新檢查器告訴我，版本是最新的。但是：有一個Opera_15.0.1147.148_Setup.exe可用。這是正式版嗎？如果是這樣，爲什麼更新檢查器告訴我，我有最新版本？我想念什麼？由於我使用Opera進行兼容性檢查，因此我不習慣安裝更新機制不推薦的版本。 無論如何 - 我很確定Opera 12.x應該支持3d css。 – Gisela