当前位置: 首页 > 面试题库 >

采用 作为CSS背景

赵选
2023-03-14
问题内容

我可以使用canvas元素作为CSS背景吗?


问题答案:

这在WebKit中已经成。

<html>
 <head>
 <style>
 div { background: -webkit-canvas(squares); width:600px; height:600px; border:2px solid black }
 </style>

 <script type="application/x-javascript">
function draw(w, h) {
 var ctx = document.getCSSCanvasContext("2d", "squares", w, h);

 ctx.fillStyle = "rgb(200,0,0)";
 ctx.fillRect (10, 10, 55, 50);

 ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
 ctx.fillRect (30, 30, 55, 50);
}
 </script>
 </head>
 <body onload="draw(300, 300)">
   <div></div>
 </body>

</html>

当前,Firefox 4包含一项功能,该功能允许您以这种方式将任何元素(包括画布)用作CSS背景:

<p id="myBackground1" style="background: darkorange; color: white;  width: 300px; height: 40px;">
  This element will be used as a background.
</p>
<p style="background: -moz-element(#myBackground1); padding: 20px 10px; font-weight: bold;">
  This box uses #myBackground1 as its background!
</p>


 类似资料:
  • 主要内容:1. background-color,2. background-image,3. background-repeat,4. background-position,5. background-attachment,6. background-size,7. background-origin,8. background-clip,9. background在制作网页时我们往往需要在网页中添加一些背景颜色、背景图像让网页更加美观,吸引访问者的眼球。CSS 中提供了一系列用于设置 HT

  • 问题内容: 我想将动态文本用作标签中某些元素的背景。因此,我可以使用图像(动态文本)。我该如何仅使用CSS或JavaScript? 问题答案: 您可以在相对定位的元素内有一个绝对定位的元素: 然后是CSS:

  • 我正在使用V3。3.6的引导,我希望我的Ņavbar的背景颜色是深红色。除了标准引导CSS之外,我还有自己的CSS,如下所示: 该网站是http://www.alkd.org.au 当悬停在每个导航栏项目上时,我得到了红色文本和白色背景的正确样式。但是标准navbar的背景颜色是黑色,而不是深红色,即使我已经覆盖了. navbar-逆背景颜色。浏览器开发工具显示,我的css是'获胜'之一,但似乎被

  • 我正在尝试添加一个css过渡,因此当用户悬停在div上时,后台将像这样放大https://codepen.io/mrsalami/pen/eplzme。但是,转换延迟不起作用。 我得HTML: 我的CSS: 我的问题的代码是https://codepen.io/mrsalami/pen/wkjrjr

  • CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color background-image background-repeat background-attachment background-position 背景颜色 background-color 属性定义了元素的背景颜色. 页面的背景颜色使用在body的选择器中:body {backgro

  • 问题内容: 我希望网站上的弹出窗口具有 Vista/7航空玻璃风格的效果,并且它必须是动态的。我很好这不是一个跨浏览器的效果,只要该网站仍然 _适用_于所有现代浏览器。 我的第一次尝试是使用类似 但是,正如我应该预期的那样, 这导致 对话框的 内容 模糊并且背景保持清晰。 有什么方法可以使用CSS来模糊半透明元素的背景而不是其内容? 问题答案: 由于除FF以外,其他浏览器似乎未广泛支持该属性,因此