图片透明

<style>
body {background:#ccc;}
#box {width:200px;position:relative;}
.content {width:180px;position:relative;z-index:1;}
.bg {width:200px;background:red;filter:alpha(opacity=40);opacity:0.4;position:absolute;top:0;left:0;}
</style>
<script>
window.onload = function(){
    (function(){ document.getElementByIdx("AutoBg").style.height = document.getElementByIdx("Con").offsetHeight + "px"; })();
}// 让ID名为AutoBg的元素的高 等于 ID名为Con的高
</script>

html
<div id="box">
    <div class="content" id="Con">文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少文字的内容可多可少</div>
    <div class="bg" id="AutoBg"></div>
</div>

时间: 2024-09-29 06:27:13

图片透明的相关文章

纯win32实现PNG图片透明窗体

#include <windows.h> #include <gdiplus.h> /*  GDI+ startup token */ ULONG_PTR gdiplusStartupToken; /*  Declare Windows procedure  */ LRESULT CALLBACK WindowProcedure (HWND, UINT, WPARAM, LPARAM); // UpdateLayeredWindow Defination typedef BOOL(

图片替换技术、雪碧图技术、图片透明技术、常用的电商布局方式

###雪碧图技术### !DOCTYPE html>     <html lang="en">     <head>     <meta charset="UTF-8">     <title>sprite雪碧图技术</title>         <style type="text/css">             div{                 widt

PS图片透明处理方法

// http://www.3lian.com/edu/2014/06-18/149890.html 今天想把图片背景做成透明效果,以前叫美工的妹纸帮忙做过,自己没留意学. 今天需要做这个东西,特别记录一下自己是怎么做的 1. 将待处理的图片载入PS, 圈住自己需要处理的那部分 编辑 -> 拷贝 2. 选择文件 - > 新建 设置新文件名称和图片像素大小 然后确定 3. 编辑 - > 粘贴 这样图片就剪切到了新图层文件 (注意将该图层锁定状态解除) 4. 选择 -> 色彩范围 -&

ie6解决png图片透明问题

看了网上各种方法,选了个比较好的, 说明:网上说可以解决hover问题,但是我试过不知道为什么不行,(可以看之前的ie6解决hover的文章)但是用来解决网页直接引用的各个小图标还是很棒的,毕竟你用gif的小图标的话,锯齿很严重,png的要好太多. 方法如下: 1.下载DD_belatedPNG.js,代码如下: PS:此代码已经在最后加入,整理好放入相应文件夹,不用多说 DD_belatedPNG.fix(".pngFix,.pngFix:hover"); 1 var DD_bela

解决java压缩图片透明背景变黑色的问题

public static BufferedImage resize(int faceWidth,BufferedImage srcImg,HttpServletRequest request) throws IOException{ int imgWidth = 0; if(faceWidth>70 && faceWidth<120){ imgWidth = faceWidth*7/8; }else if(faceWidth>60 && faceWidt

VC++使用CImage PNG转BMP图片透明背景处理

PNG格式的图片是支持透明通道的,BMP格式的图片是没有透明通道的,所以当PNG格式的图片转换为BMP格式时,对于PNG图片的透明背景就需要进行特别的处理. VC++中的HBITMAP是支持透明色的,如果HBITMAP是PNG格式图片的句柄,使用CImage:Save或其它方式保存到文件时,透明背景会变成黑色. 解决这个问题可以用GDI+.LIBPNG等,最简单的方式是使用CImage,直接将图像数据中的透明部分替换为白色或其他颜色. 优点:处理方法简单,效率高,只需CImage: 缺点:在图片

VC++图片透明技术原理

透明效果 由于所有的图文件都是以矩形来储存的,我们也许会需要把一张易拉罐图片贴到窗口的背景图上,而这种情况下如果直接进行贴图,结果如下图: 这似乎不是我们想要的结果. 为了得到透明效果,我们需要运用到BitBlt()贴图函数以及其参数Raster的值来将图片中不必要的部分去掉(又称去背),使得图中的主题可以与背景完美融合. 制作透明效果有很多种方法,但是基本上都是利用贴图时不同的Raster运算,通过转换而产生相同的透明效果.在这里先来介绍一种透明运算的方法. 我们以图中的易拉罐为例子,首先准备

IE6中png背景图片透明的最好处理方法

在IE6浏览器下png(24位)的图片显示是不能透明的. 1.处理办法就是用DDPngMin.js <!--[if IE 6]> <script src="js/DDPngMin.js"></script> <script>DD_belatedPNG.fix('.ad_img img,#banner_ctr ul');</script> <![endif]--> 第一种办法适合用于背景图用颜色不能表示的情况,只能用

android 网络下载图片透明处变黑

png即可移植网络图形格式,也是一种位图文件存储格式,可以进行无损压缩.而jpg是我们最常见的图片格式了,图片占用存储较少,但是也牺牲了图片质量. 总结为一句话是两者最大的区别是有损和无损. 而出现加载透明png图片变黑的问题,一般情况下这样的: 服务端的图片是透明png的无损图片,我们下载到本地的时候强制把它处理为了jpg的形式,造成图片质量有损. jpg图片是没有背景透明这个概念的. 网络图片保存到本地时应保存为png格式,并且无压缩 bitmap.compress(Bitmap.Compr

图片透明处理的方法

版权声明:本文为博主原创文章,未经博主允许不得转载. 图片的透明性,由其属性'Alpha' 决定,所以改变图像的'Alpha'值则改变透明度Alpha为与图像分辨率相同大小的矩阵,0为透明,1为不透明.保存图片时,如要保存为透明图片,须保存为png格式,保存代码为:imwrite(I,'图像名.png','Alpha',alpha) 举例:一张字图片,背景为白色,字为黑色,现在将其处理后,输出为字为红色,背景为透明的图片.MATLAB实现的代码如下:%字变为红色,背景变为白色,保存背景为透明的图