怎么样用CSS在网页的右下角做一个二维码图片的悬浮,始终固定在一个位置上,很简单,因为这就是接下来我要讲到的地方,看下图就是右下角悬浮的固定的二维码展示:
首先我们在DW网页中DIV做一个块和图片显示:
DIV的class自己可以随意编辑,CSS样式代码如下:
.weixin {
position: fixed;
right: 16px;
bottom: 150px;
z-index: 10;
padding: 3px 3px 0 3px;
border-radius: 3px;
border: 1px solid #ddd;
background: #fff;
width: 150px;
}
img {
border: 0;
max-width: 100%;
}
想在左下角显示,只要把right:16px;改成left,左右英文,其它的CSS样式也是如此,更改数值能达到自己想要的效果就可以了。
本文地址:https://www.yinmoulun.com/post/114.html,由阴谋论网发布,欢迎分享本文!
版权声明:本文为原创文章,版权归 张良 所有,欢迎分享本文,转载请保留出处!