<style type="text/css">
.alpha{filter:alpha(opacity=30)width:400px}
</style>
<div width="1024" height="768">
<img src="C:\\webstudy\\Pic\\2.jpg" class="alpha"/>
</div>
<div style=" position:absoluteleft:0pxtop:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
或者:
<style type="text/css">
.alpha{filter:alpha(opacity=30)width:400px}
</style>
<div style="position:relative" width="1024" height="768">
<img src="My Pictures/q-1.jpg" class="alpha"/>
<div style="position:absoluteleft:0pxtop:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
</div>
最近项目里需要实现这么个功能 类似网游中的聊天框 背景都是透明的 但是文字是不透明 所以如果简单的使用opacity(非IE)和alpha滤镜(IE)是无法实现这个效果的 会造成全部透明
解决办法如下
实现完全透明
设置background为transparent即可 两个浏览器通用
实现透明度可调节
要求改透明度 这里IE和非IE需要分开处理
非IE浏览器可通过支持CSS 的方式处理(不支持CSS 的这里忽略了) css的写法是
background color:rgba( )
前面 个参数是RGB 最后个是透明度
IE浏览器需要使用gradient滤镜 css写法是
filter: progid:DXImageTransform Microsoft gradient(startColorstr=# ffffff endColorstr=# ffffff)
摘录CSS手册说明用法
语法
filter : progid:DXImageTransform Microsoft Gradient ( enabled= bEnabled startColorStr= iWidth endColorStr= iWidth )
属性
enabled : 可选项 布尔值(Boolean) 设置或检索滤镜是否激活 true | false true : 默认值 滤镜激活
false : 滤镜被禁止
startColorStr : 可选项 字符串(String) 设置或检索色彩渐变的开始颜色和透明度
其格式为 #AARRGGBB AA RR GG BB 为十六进制正整数 取值范围为 – FF RR 指定红色值 GG 指定绿色值 BB 指定蓝色值 参阅 #RRGGBB 颜色单位 AA 指定透明度 是完全透明 FF 是完全不透明 超出取值范围的值将被恢复为默认值
取值范围为 #FF – #FFFFFFFF 默认值为 #FF FF 不透明蓝色
EndColorStr : 可选项 字符串(String) 设置或检索色彩渐变的结束颜色和透明度 参阅 startColorStr 属性 默认值为 #FF 不透明黑色
特性
Enabled : 可读写 布尔值(Boolean) 参阅 enabled 属性
GradientType : 可读写 整数值(Integer) 设置或检索色彩渐变的方向 | : 默认值 水平渐变
: 垂直渐变
StartColorStr : 可读写 字符串(String) 参阅 startColorStr 属性
StartColor : 可读写 整数值(Integer) 设置或检索色彩渐变的开始颜色 取值范围为 – 为透明 为不透明白色
EndColorStr : 可读写 字符串(String) 设置或检索色彩渐变的结束颜色和透明度 参阅 startColorStr 属性 默认值为 #FF 不透明黑色
EndColor : 可读写 整数值(Integer) 设置或检索色彩渐变的结束颜色 取值范围为 – 为透明 为不透明白色 当在脚本中使用此特性时 也可以用十六进制格式 xAARRGGBB
说明
在对象的背景和内容之间显示定制的色彩层
当此效果通过转变显示时 在渐变册色彩层之上的文本程序性的初始化为透明的 当色彩渐变实现后 文本颜色会以其定义的值更新
补充完美支持IE 和IE
这么写在IE 和IE 中会有点小问题 原因是使用transparent的背景时 鼠标居然能点到透明层后面的内容 还会造成部分事件的实效 解决办法是在外面套个div 然后给他加个完全透明的背景图(PNG) 写法参考
background:url( )!importantbackground:none_filter:progid:DXImageTransform Microsoft AlphaImageLoader(src= sizingMethod= scale
这样在里面被嵌套的div点击就不会点到最外面的内容了 当然非IE就不需要加这个了
另外 对于不支持CSS 的浏览器 还有个解决办法就是把背景层和显示文字的层分开处理 放在同一级 只是通过位置上的调整做到看似有层级关系 这样使用透明效果就直接做也不会对文字有影响了
补充
IE 下 上述办法仍然无效 解决办法是套层iframe 在代码里可以这么写
lishixinzhi/Article/program/Java/JSP/201311/19841js 中 showModelessDialog 如何设定为透明,并且去掉浏览器边框?
这个是不可以的。
但是有变通的实现方式:使用div模拟一个对话方块。
现成的JS库有JQuery UI的dialog。
浏览器的左右透明边框可以去掉吗这个一般是不可以取消的,如果不想要在电脑上桌面上显示可以使用qq浏览器
这个显示很小的图示,还能使用不少的功能
上网速度也很快,同时可以开启很多网页,超快体检,安全保障
这个浏览器都是最新版本,设定功能都比其他浏览器多,
使用这个浏览器可以方便不少呢
而且自动遮蔽异常网页。
傲游浏览器如何设定边框图片CTRL+`
`键就是ESC键对下的那个按键,你可以找一下
odo dragon龙浏览器36.1.1.21如何设定为预设浏览器Comodo Dragon基于Google 浏览器Chromium核心,注入Comodo 无与伦比的安全技术,是目前最快的、最好用、最安全的网际网路浏览器!
特点:
* 比Chromium更好的个人隐私保护
* 更容易识别各种型别SSL证书
* 更快速浏览网页
* 更加稳定和更少的记忆体占用
* 匿名方式阻止Cookies,改善隐私保护
* 很容易从你目前使用的浏览器切换过来
如何设定ipadmini下边框透明先开启设定然后就在辅助功能里,增强对比度,自己调下就可以,
safari如何设定为预设浏览器
开启safari,工具栏---编辑---偏好设定---常规选项卡--预设web浏览器---选择你要用的浏览器---搞定
maxthon不能设定为预设浏览器,如何设定?亲爱的傲友:
您好
"工具>傲游设定中心>常规选项>设为预设浏览器"即可
另:您登陆过Q-zone吧?Q-zone4.0有个bug,您登陆Q-zone后,需要重新设定傲游为预设浏览器。若想避免麻烦,您换Q-zone3.0或者Q-zone5.0都行
傲游感谢您的反馈!
swing中JDialog如何设定为透明,并且不影响JDialog包含的JPanel?你的java和图片放在一个目录,
我都是放在C盘根目录了,
给你稍微改了一下程式码:
import java.awt.*
import javax.swing.*
public class TestGra extends JFrame {
Container c = getContentPane()
JLabel lb
Image image
public TestGra() {
就改这里了
ImageIcon img = new ImageIcon(System.getProperty("user.dir") + "\\1.jpeg")
lb = new JLabel(img)
add(lb, BorderLayout.CENTER)
setSize(800, 600)
setVisible(true)
setDefaultCloseOperation(EXIT_ON_CLOSE)
}
public static void main(String as[]) {
new TestGra()
}
}
IE8浏览器如何设定为白度主页建议你用360的系统修复功能里的“IE常用设定”,然后把你想要的主页锁定,很好用。另外支援360!
dreamweaver 如何设定浏览器首选引数中,可以找到浏览器相关设定。