浏览器中的代码在 Dreamweaver CC 中不起作用

Code in browser isn't working in Dreamweaver CC

我有以下 HTML 和 CSS 代码:

<html>

<head>
<style>

.button {
    width: 239px;
    height: 59px;
    margin-left: 100px;
    margin-top:100px;
    background-color: #D1BF92;
    position: absolute;
    transform: rotate(40deg);
    }
</style>

</head>
<a href="#" class="button"></a>
</html>

当我在任何浏览器(Chrome、firefox 等)中打开它时,我得到一个 "Rotated" 矩形框。

但是在 Dreamweaver 中我得到一个水平的矩形框。有什么想法我可能做错了吗?

提前致谢。

这可能是因为 Dreamweaver 可能不支持转换 属性。在真实的浏览器中查看它总是比在所见即所得的编辑器中查看它更好,因为浏览器是用户要在其中查看您的网页的地方。