砌体类型背景图像

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在做一些研究的红宝石在轨道上的Web应用程序我正在工作，需要一些帮助几个问题。砌体类型背景图像

  1. 是否有可能使用砌体jQuery类型插件呈现/显示图像作为网页的背景？

  2. 如果第一个问题的答案是否定的，那么是否可以使用css（3）和html（5）手动呈现多个图像作为背景？最后，如果我可以使用1,2或任何其他方法显示多个背景图像，我是否可以应用常规css代码来操作图像？

在此先感谢您的帮助。

回答：

这可能与CSS3。在它的最简单的，这里是你将如何实现它的例子：作为顶层到最后（右侧）是底部的背景层

#exampleA { 
width: 500px; 
height: 250px; 
background-image: url(decoration.png), url(ribbon.png), url(old_paper.jpg); 
background-repeat: no-repeat; 
background-position: left top, right bottom, left top; 
}

顺序从第一次运行（左侧） （这是如果你正在分层）。

编辑：为了更复杂的花式适用于每一个背景图像，如灰度，您需要将CSS分解成这种格式：

/* this is the master css block - the height and width here represent the total coverage for all child background images */ 
    .sample1 .sea, .sample1 .mermaid, .sample1 .fishing { 
     height: 300px; 
     width: 480px; 
     position: relative; 
    } 
/* individual stylings for each background image featured - apply greyscale and separate width and heights here */ 
    .sample1 .sea { 
     background: url(media/sea.png) repeat-x top left; 
    } 
    .sample1 .mermaid { 
     background: url(media/mermaid.svg) repeat-x bottom left; 
    } 
    .sample1 .fish { 
     background: url(media/fish.svg) no-repeat; 
     height: 70px; 
     width: 100px; 
     left: 30px; 
     top: 90px; 
     position: absolute; 
    } 
    .sample1 .fishing { 
     background: url(media/fishing.svg) no-repeat top right 10px; 
    }

以上是 砌体类型背景图像 的全部内容， 来源链接： utcz.com/qa/258539.html

回到顶部