IE文档模式--添加水印

最新推荐文章于 2024-05-15 16:35:17 发布

原创

最新推荐文章于 2024-05-15 16:35:17 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#IE文档模式 #水印 #打印背景图片 #canvas画图 #transformh旋转div

本文档主要介绍如何在IE浏览器中修改文档模式，并提供了两种添加水印的方法：利用transform旋转div和使用canvas画图。对于IE浏览器，可以通过在代码中设置`<meta>`标签来调整文档模式。水印的完整代码已分享到百度网盘，包括两种方法的优缺点。第一种方法通过transform实现，适用于打印水印，而第二种canvas方法需要额外设置打印背景图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：ie浏览器修改文档模式的默认设置。每一次打开f12，文档模式都是8，有时候需要调至8以上等。这就需要在代码中进行修改，如下：
在这里插入图片描述

ie默认模式设置

文本模式版本修改
代码：<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE9”>
浏览器模式版本修改
代码：<meta http-equiv=“x-ua-compatible” content=“IE=9” >

**特别注意：上面两句在吗，需要在css样式之前引入（毕竟你是想让ie兼容你的样式或者js）

IE添加水印（transform与canvas)两种方式

第一：使用transform添加（利用旋转div的方式）

 $.prinWaterMarker = function(text, timestamp) {
        if (text == null || $.trim(text) == "") {
            return;
        }
        text = text.replace(/#_#/,"");
        var  watermark_width=parseInt(setting.width),   watermark_height=parseInt(setting.height);//水印长度  -- //水印宽度


        var asin = Math.asin( (watermark_width ) /( text.length*20))*180/Math.PI;