dhtml图片白色区域透明

2011-3-15
 关于透明色别人已经讲的很好了,这里记录了一个测试例子。

gif只支持索引色透明,比如规定#FFFFFF为透明,那么图片中所有白色区域都完全透明。
而png支持alpha透明,任何颜色都可以透明,而且有透明度这样一个参数。
gif的话,要么不透明,要么全透明。

透明到底是怎么回事?(部分转载)
    在word工具中可能设置透明,似乎:图片中并不存在真正的透明度向量,而只是在显示的时候,把某一个颜色向量不显示到界面上。
    在网页中只有特定的png文件才能透明,说明还是和图片有关。
    图片编辑中存在索引色透明,alpha透明,不透明的区分。
    其实背景透明的图片,在保持为jpg文件的时候就已经有了背景颜色,而不是在浏览器对jpg文件渲染的时候出现了什么问题。所以,在网页上使用背景透明的jpg基本上是不太可能了。
    gif透明背景图片也有个致命的缺点——图片边框有白色的“毛刺”。

     除了png文件外比较流行又好用的就是webp格式,但是这样的格式不能直接拷贝到文档中,有些系统还不能直接预览。

	<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head><style type="text/css">v\:* { behavior:url(#default#VML); } alpha1 { filter: Alpha(Opacity=100, FinishOpacity=20, Style=2, StartX=0, StartY=0, FinishX=0, FinishY=100); }
alpha2 { filter: Alpha(Opacity=10, FinishOpacity=90, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); }
alpha3 { filter: Alpha(Opacity=50, FinishOpacity=50, Style=2, StartX=0, StartY=0, FinishX=50, FinishY=50); }
alpha4 { filter: Alpha(Opacity=10, FinishOpacity=90, Style=3, StartX=0, StartY=0, FinishX=100, FinishY=100); }
alpha5 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=24-trans.jpg);width:134px;height:134px; }
</style>
<script type="text/javascript"> </script>
</head>
<body><table border="1"><tr><td><div id="map" style="width: 700px; height: 600px; background-color:Lime;"><img id="Img1" alt="img" class="alpha1" src="24-trans.png" /><!--只有这个可以透明--><img id="Img2" alt="img" class="alpha2" src="24-trans.jpg" /><img id="Img3" alt="img" class="alpha3" src="24-trans.bmp" /><img id="Img4" alt="img" class="alpha4" src="24-trans.gif"/><img id="Img5" alt="img" class="alpha5" src="24-trans1.png" /><!--以上转存的都不可以透明--></div></td></tr></table>
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/702634.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux系统网络服务部分拓展练习

1&#xff09;网关服务器&#xff1a;ens36&#xff1a;12.0.0.254/24&#xff0c;ens33&#xff1a;192.168.241.254/24&#xff1b;Server1&#xff1a;192.168.241.0/24&#xff1b;PC1和server2&#xff1a;自动获取IP&#xff1b;交换机无需配置。要求能够使用Xshell等远程…

MySQL - 事务日志

目录 1. redo日志 1.1 为什么需要REDO日志 1.2 REDO日志的好处、特点 1. 好处 2. 特点 1.3 redo的组成 1.4 redo的整体流程 1.5 redo log的刷盘策略 1.6 不同刷盘策略演示 1. 流程图 ​编辑2. 举例 1.7 写入redo log buffer 过程 1.8 redo log file 1. 相关参数…

matlab倒立摆小车LQR控制动画

1、内容简介 略 54-可以交流、咨询、答疑 2、内容说明 略 摆杆长度为 L&#xff0c;质量为 m 的单级倒立摆(摆杆的质心在杆的中心处)&#xff0c;小车的质量为 M。在水平方向施加控制力 u&#xff0c;相对参考系产生位移为 y。为了简化问题并且保其实质不变&#xff0c;忽…

【SelectIO】bitslice原语学习记录

基本概念 在Ultrascale (plus)系列上的FPGA中&#xff0c;Xilinx引入了bitslice硬核&#xff0c;它取代了7系列上的IDELAYCTRL/IODELAY/IOSERDES/IODDR系列硬核&#xff0c;用于为HP&#xff08;High Performance&#xff09;类型Bank上的IO接口提供串并转化、信号延时、三态控…

【k8s资源调度-HPA(自动扩缩容)】

1、HPA可以做什么&#xff1f; 通过观察pod的cpu、内存使用率或自定义metrics指标进行自动的扩容或缩容pod的数量。通常用于Deployment&#xff0c;不适用于无法扩/缩容的对象&#xff0c;如DaemonSet。控制管理器每隔30s(可以通过-horizontal-pod-autoscaler–sync-period修改…

特征选择|一种提升预测模型性能的方法(原理及其优化实现,Matlab)

文章来源于我的个人公众号&#xff1a;KAU的云实验台&#xff0c;主要更新智能优化算法的原理、应用、改进 如今&#xff0c;生成的数据集呈指数级增长&#xff0c;这将产生具有大量特征和样本的数据集&#xff0c;而显然&#xff0c;某些特征是不相关/冗余的&#xff0c;它们…

springBoot整合Redis(一、Jedis操作Redis)

在springboot环境下连接redis的方法有很多&#xff0c;首先最简单的就是直接通过jedis类来连接&#xff0c;jedis类就相当于是redis的客户端表示。 但是因为现在比较常用的是&#xff1a;StringRedisTemplate和RedisTemplate&#xff0c;所以jedis只做简单的介绍。 一、Jedis…

powershell中安装git

以管理员权限打开 PowerShell。 在 PowerShell 中&#xff0c;你可以使用 winget 这个 Windows 的包管理器来安装 Git。下列命令会安装 Git&#xff1a; winget install --id Git.Git -e --source winget另一种方式是直接从 Git 官方网站下载安装程序&#xff0c;并运行它完…

Langchain-Chatchat部署总结

项目地址&#xff1a; https://github.com/chatchat-space/Langchain-Chatchat 整体安装比较方便&#xff0c;在阿里云购买云主机&#xff0c;购买的国外站点机器&#xff0c; 该项目运行最佳坏境为 Linux Ubuntu 22.04.5Python 版本 3.11.7CUDA 版本: 12.1torch2.1.2 使…

Spring的优点

1.方便解耦&#xff0c;简化开发 Spring就是一个容器&#xff0c;可以将所有对象创建和关系维护交给Spring管理。 2.AOP编程支持 面向切面编程&#xff0c;方便实现程序进行权限拦截&#xff0c;运行监控等功能。 3.声明式事务的支持 通过配置完成事务的管理&#xff0c;…

Vue全局事件防止重复点击(等待请求)【进阶版】

继《Vue全局指令防止重复点击&#xff08;等待请求&#xff09;》之后&#xff0c;感觉指令方式还是不太友好&#xff0c;而且嵌套闭包比较麻烦&#xff0c;于是想到了Vue的全局混入&#xff0c;利用混入&#xff0c;给组件绑定click事件。 一、实现原理 与指令方式大致一样&…

针对小型企业网络防护的免费防火墙软件

针对小型企业网络防护&#xff0c;以下是一些适合的防火墙软件/解决方案&#xff1a; pfSense&#xff1a;pfSense 是一款基于 FreeBSD 的开源防火墙和路由器软件&#xff0c;提供丰富的功能和灵活的配置选项&#xff0c;适合用于小型企业网络防护。它支持多种功能&#xff0c;…

代码随想录算法训练营第五十五天| 309.最佳买卖股票时机含冷冻期、714.买卖股票的最佳时机含手续费

309.最佳买卖股票时机含冷冻期 题目链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 解题思路&#xff1a;今天若买入&#xff0c;应当是前天积攒的利润减去当前股票 java&#xff1a; class Solution {public int maxProfit(int[] prices) {if (prices null |…

Linux 网络命令指南

目录 配置IP地址和子网掩码 网络接口的详细信息 测试与目标主机的连通性 下载文件或内容 远程登录&#xff0c;进行远程管理和协作 CentOS / Red Hat&#xff08;使用 firewalld&#xff09; 关闭防火墙 开启防火墙 配置TCP端口&#xff08;假设使用3306端口&#xff…

最短路径算法总结(Dijkstra、Bellman-ford、SPFA和Floyd)

在最短路径算法中&#xff0c;常用的有Dijkstra、Bellman-ford、spfa、Floyd这四大算法 Dijkstra&#xff1a;迪克斯特拉算法Bellman-ford&#xff1a;贝尔曼-福特算法SPFA&#xff1a;Shortest Path Faster Algorithm算法Floyd&#xff1a;弗洛伊德算法 四大算法介绍 简介 …

一键获取电商平台商品信息,快速提高电商业务效率

阿里巴巴店铺所有商品API接口技术全解析 一、引言 在阿里巴巴这个全球领先的电商平台上&#xff0c;店铺所有商品API接口&#xff08;item_search_shop&#xff09;为开发者提供了一个便捷的途径&#xff0c;能够获取店铺的所有商品信息。通过这一接口&#xff0c;无论是数据…

Web UI自动化测试原理

&#x1f525; 交流讨论&#xff1a;欢迎加入我们一起学习&#xff01; &#x1f525; 资源分享&#xff1a;耗时200小时精选的「软件测试」资料包 &#x1f525; 教程推荐&#xff1a;火遍全网的《软件测试》教程 &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1…

【深度学习笔记】3_7 softmax回归的简介实现

注&#xff1a;本文为《动手学深度学习》开源内容&#xff0c;仅为个人学习记录&#xff0c;无抄袭搬运意图 3.7 softmax回归的简洁实现 我们在3.3节&#xff08;线性回归的简洁实现&#xff09;中已经了解了使用Pytorch实现模型的便利。下面&#xff0c;让我们再次使用Pytorc…

每日五道java面试题之spring篇(六)

目录&#xff1a; 第一题 ApplicationContext通常的实现是什么&#xff1f;第二题 什么是Spring的依赖注入&#xff1f;第三题 依赖注入的基本原则第四题 依赖注入有什么优势&#xff1f;第五题 有哪些不同类型的依赖注入实现方式&#xff1f; 第一题 ApplicationContext通常的…

d3dcompiler_47.dll是什么,电脑出现d3dcompiler_47.dll丢失如何解决

当打开软件时提示“d3dcompiler_47.dll丢失”时&#xff0c;用户通常会看到类似于以下的错误消息&#xff1a; “无法启动此程序&#xff0c;因为计算机中丢失了d3dcompiler_47.dll。尝试重新安装该程序以解决此问题。” “找不到d3dcompiler_47.dll文件&#xff0c;因此应用…