怎么样用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样式也是如此,更改数值能达到自己想要的效果就可以了。
猜你喜欢
发表评论
电子邮件地址不会被公开。 必填项已用*标注
您必须 登录 才能发表评论!