web前端
zhangtff
这个作者很懒,什么都没留下…
展开
-
css实现两边有缺口的卡券效果
自己项目用到优惠券的样式,特拿来分享。主要用到了css的position: absolute属性。 效果如下图: 废话不多说,直接上代码<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>验证券样式</title> <style> body{原创 2015-10-09 16:45:19 · 9502 阅读 · 0 评论 -
css position两个属性值absolute和fixed的区别
作为一名css界的小朋友一直没系统的了解过position属性,今天用到了就详细的记录下吧!fixed固定定位,参照位置是浏览器窗口的左上角,即坐标点为(0px, 0px)absolute绝对定位,参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角。因此,fixed主要用于固定网页的头部尾部和广告区域随屏幕滚动。absolute主要用于多个di原创 2015-09-21 17:25:04 · 1469 阅读 · 0 评论 -
Leaflet.js imageOverlay无法触发点击事件
公司项目需求为用户上传光栅图,然后在图上标注监控点位,因百度地图API不支持不使用地图直接操作一张图片,于是选择Leaflet.js实现业务功能。看网上代码将光栅图以 imageOverlay 对象添加到地图容器,后发现无法触发点击事件,关键代码如下var image = L.imageOverlay('images/timg.jpg', bounds).addTo(map);imag...原创 2018-10-13 11:24:07 · 1656 阅读 · 0 评论 -
CSS3实现八方向云台控制器器样式
开发的项目需要一个可以八个方向调节的云台控制器,翻阅多位大佬的博文后实现,现记录下来,以备以后用到。最终效果如下:实现难点:1、四个方向的容易实现只需要设置每个方向元素的边框radiu为:border-radius: 50% 0 0 0即可。八个方向需要将八个方向元素的形状由矩形通过CSS3的skew属性变形为45度角的菱形。2、方向元素的的skew属性会对元素内的图片也起作用...原创 2019-04-22 19:31:56 · 6816 阅读 · 0 评论