1

我正在尝试淡化<canvas>标签内的 DIV。（这甚至允许吗？我认为是这样，因为它是一个元素）。你知道标准的jQuery 淡入淡出，这是我用于样式的：

    <style type="text/css">
<!--
    #canvas {
       background:red;
       z-index:0;
       position:relative;       
    }
    .txt {
        z-index:2;
        background:blue;
        display:none;
        position:absolute;
        top:0;
        right:0;
        width:200px;
    }
-->
</style>

很简单，这里是我的 HTML（忽略正文..我拥有一切..这是为了缩短它）：

<body>
    <canvas id="canvas"><div class="txt">Welcome to the Game</div></canvas>
</body>

我尝试了一个简单的淡入淡出，但它不起作用..

4

2 回答 2

1

来自WHATWG 规范：

canvas 元素的内容（如果有）是该元素的后备内容。

仅当浏览器不支持某种元素时才显示“后备内容”：

<canvas>
    <div>Looks like you need to upgrade to a canvas-aware browser!</div>
</canvas>

您应该将 div 放在画布元素之后，并使用 CSS 将其视觉定位在画布上。

于 2012-04-22T23:07:59.067 回答
0

根据画布元素的 WHATWG 规范

当作者使用canvas 元素时，他们还必须提供在呈现给用户时传达与位图画布基本相同的功能或目的的内容。该内容可以作为canvas 元素的内容放置。canvas 元素的内容（如果有）是该元素的后备内容。

您的内容显然不是后备内容。如果不是，也许您应该使用传统的画布方法来显示您的文本。

于 2012-04-22T22:52:39.343 回答