CSS 旋转：Flash 不旋转

发布于 2024-12-10 11:29:56 字数 1636 浏览 0 评论 0原文

我有一个父div，里面有一个flash 电影。我旋转父 div，因此我希望 Flash 影片也旋转。

不幸的是这并没有发生。 Flash 影片没有旋转。

这是我的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style>
    .rotate
    {
        position: absolute;
        top: 100px;
        left: 250px;
        width:800px;
        height: 800px;
        background-color: #f00; 


        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
</style>

</head>

<body>

<div class="rotate">
    <h1>Youtube Flash Video:</h1>
    <object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/KMU0tzLwhbE?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/KMU0tzLwhbE?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

</div>

</body>
</html>

这就是它在浏览器中的样子

在此处输入图像描述

你知道我如何得到这个吗Flash 电影与其父级一起旋转？

多谢！文森特

原文

I have a parent div with a flash movie in it.
I rotate the parent div, so I expect that the flash movie is also rotated.

Unfortunatly this doesn't happen. The flash movie has no rotation.

This is my code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style>
    .rotate
    {
        position: absolute;
        top: 100px;
        left: 250px;
        width:800px;
        height: 800px;
        background-color: #f00; 


        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
</style>

</head>

<body>

<div class="rotate">
    <h1>Youtube Flash Video:</h1>
    <object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/KMU0tzLwhbE?version=3&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/KMU0tzLwhbE?version=3&hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

</div>

</body>
</html>

And this is how it looks like in the browser

enter image description here

Do you know how I can get this flash movie rotating with its parent?

Thanks a lot!
Vincent

分享到QQ

分享到微博