embed 标签显示PDF, 并隐藏下载打印按钮

最新推荐文章于 2024-03-07 11:39:04 发布

赵老仙

最新推荐文章于 2024-03-07 11:39:04 发布

阅读量1.3w

点赞数 5

分类专栏：前端插件文章标签： embed pdf

本文链接：https://blog.csdn.net/qq_42005284/article/details/100040589

版权

前端插件专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种通过修改HTML和CSS代码来隐藏PDF预览页面顶部按钮的方法，同时保持右键菜单的功能，允许用户进行打印和下载操作。

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

本文只是将pdf文件顶部按钮隐藏, 右键依然可以打印下载,
禁止右键此链接https://blog.csdn.net/qq_42005284/article/details/100134298

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .embedbox embed {
            -webkit-transform: translate(30px, -50px);
            transform: translate(30px, -50px);
            width: 900px;
            height: 100%;
        }
    </style>
</head>

<body>
    <div class="embedbox" style="width: 900px;height: 500px; overflow: hidden;">
        <embed src="pdf文件" type="">
    </div>
</body>

</html>