首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >定制产品照片

定制产品照片
EN

Stack Overflow用户
提问于 2016-04-17 07:41:41
回答 1查看 46关注 0票数 0

所以我在一个项目中工作,其中客户提供自定义交易卡。我遇到的问题是能够以一种允许用户上传出现在特定框中的照片的方式来覆盖卡模板。

我已经尝试过iframe方法,我已经尝试使用2个div和使用z-index进行覆盖,我已经购买了2个产品定制器选项,但都没有完成我想要做的事情。

这是我所需要的一个非常基本的图像:

Concept Example Photo

EN

回答 1

Stack Overflow用户

发布于 2016-04-17 08:44:22

举个例子,简单的代码

JSFIDLE

现在,如果你可以发布你的完整代码,我们可以进一步帮助你。

代码语言:javascript
运行
复制
<div class="one">
Template area
</div>
<div class="two">
Template area
</div>
<div class="three">
Template area
</div>

CSS:
.one{
  position:relative
  width:100%;
  height:100px;
  background:url('http://pokit.org/get/img/20c0eb36b19b3006b310f5834a9f818f.jpg') NO-REPEAT;
}

.two{
  width:250px;
  height:50px;
  background-color:blue;
  position:absolute;

}
.three{
  margin-top:20px;
  position:relative;
  width:100%;
  height:100px;
  background:url('http://pokit.org/get/img/b90d68274639145e23102320e602afaa.jpg') no-repeat;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36671071

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档