css旋转、透明度兼容IE（书写水印，并且兼容Ie9 操作）

最新推荐文章于 2024-12-25 22:38:22 发布

Lan_Lan99

最新推荐文章于 2024-12-25 22:38:22 发布

阅读量2.4k

点赞数 1

分类专栏： JavaScript requireJS css HTML

本文链接：https://blog.csdn.net/weixin_37817251/article/details/79889701

版权

现在使用css3会比较方便实现一些功能，比如实现旋转、透明，但是这些个东西兼容IE是一件比较麻烦的事情。这次我通过filter实现了数据的旋转和半透明。顺便封装了一个兼容ie的水印，使用起来也会比较方便。下面是相应的代码和使用方法（有疑问欢迎随时提问）：

（1）JS代码

define( ,function(){  
    /*
     * resultDiv 最外面的容器
     * waterBox  用于放水印的标签
     * data 需要显示的数据
     */
var bindWater = function(resultDiv,waterBox,data){   
	var timpDay=new Date(); 
	var timpTime = new Date();
	var spaceHeight = 100;//间隔高度
	var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
	var startY = $(resultDiv).offset().top-100 ; //结果区域开始y,默认IE
	var bodyHeight = $(resultDiv).height() ; 
	var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 
	var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 
	var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
	var isEdge