如何在不使用SVG的情况下使两个图像重叠
狙击手
我有一个徽标和一个没有文字的徽标的小版本。我想使两个图像重叠，以便在页面加载时大型版本将淡出并且轴将淡入到与大型版本相同的位置。这是我的意思的GIF
我不确定是否有一个特殊的技巧，但是我尝试过的所有事情，移动一件事会移动另一件事，如果不拧紧它们就无法使其正确重叠。我希望徽标位于红色箭头上方区域的中间。演示
电线
将两个图像都放在有容器的容器中position: relative，然后提供图像position: absolute。这样，您就可以在彼此顶部的图像定位和给他们确切top和left坐标。
html
<div id="logo-container">
<img id="logo1"></img>
<img id="logo2"></img>
</div>
的CSS
#logo-container {
position: relative;
}
#logo-container > img {
position: absolute;
}
#logo1 {
top: 0;
left: 0;
}
#logo2 {
top: 200px; // change me
left: 130px; // change me
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在不使用串联的情况下串联两个numpy ndarrays
- 2
如何在不使用for循环的情况下向量化这两个numpy操作？
- 3
如何在不使用zip的情况下遍历两个列表？
- 4
如何在不使用循环目标c的情况下比较两个动态数组
- 5
如何在不使用临时变量的情况下交换两个变量的值？
- 6
使用glFrustum在不使用GLUT_STEREO的情况下渲染两个重叠的FOV
- 7
如何在不使用第三个变量的情况下交换两个Perl变量？
- 8
如何在不使用公共列的情况下使用SQL联接两个以上的表
- 9
如何在不使用Coredata的情况下使用swift在IOS的两个扩展之间共享变量值
- 10
如何在不使用列号的情况下对两个顺序标记的变量系列应用函数？
- 11
如何在不使用.babelrc文件的情况下将两个预设参数传递给babel？
- 12
如何在不使用乘法运算符的情况下使两个正数相乘的递归函数
- 13
如何在不使用 zip/map 的情况下将两个列表合并为列表列表
- 14
如何重叠两个SVG图像？
- 15
如何在不使用类级别锁的情况下同步两个静态方法
- 16
如何在不使用交互式git变基的情况下将两个git提交合并为一个提交？
- 17
如何在不使用数组的情况下以替代方式将两个序列合并为一个序列？
- 18
如何在不使用numpy数组中两个For循环的情况下提高时间复杂度，优化结构？
- 19
在MVP设计中，两个演示者如何在不使用单例模式或依赖项注入的情况下互相交谈？
- 20
如何在不使用数组的情况下比较这两个字符串并删除一个公共字母？
- 21
iOS Swift：如何在不丢失叠加图像坐标的情况下叠加两个同时放大的图像
- 22
如何在不重复的情况下对两个不同的jQuery事件使用相同的代码？
- 23
在不使用软件包的情况下，如何计算python中两个日期之间的年，月，日数
- 24
如何在不使用Android Studio中任何计算按钮的情况下计算两个数字
- 25
如何在不使用struct的情况下在一个函数中返回两个值？
- 26
如何在不使用不推荐使用的“ Salt”属性的情况下在单个页面中使用两个AntiForgeryToken
- 27
如何在不使用JavaScript的情况下从上一个svg动画状态进行补间？
- 28
是否可以在不使用返回类型的情况下连接两个int数组？
- 29
在不使用展开的情况下匹配数组中的两个相等字段
我来说两句