注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

飛多亞廣告設計-侠道-铂迪-雅可布森国际

生活原来是一种:味道!侠道品牌设计策划!铂迪设计机构!蜜卡卡婚纱摄影梦工场!邦派

 
 
 

日志

 
 
关于我

【友情旗下品牌盟友:雅可布森国际设计社_蜜卡卡婚纱摄影梦工场_蜜卡卡婚纱摄影_蜜卡卡婚庆_邦派修图社_司晨品牌营销顾问机构...等】 ~~~~~~`官方网站: http://www.feodora88.com ~群博客: http://blog.163.com/pakdi_brand

网易考拉推荐

【 PNG图片在浏览器中不透明或变成黑色怎么办】  

2014-07-20 22:37:14|  分类: 织梦 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
有时候我们在处理PNG图片的时候明明是透明的,可是在浏览器打开后却变成是黑色的,而不是透明的该怎么办呢?
原因分析PNG(Portable Network Graphics)W3C推荐的网页图片通用格式,但是MicrosoftIE6以下(IE7已经支持)没有把PNGAlpha 通道打开,造成透明PNG图片的效果显现不出来。

解决办法:在您制作的网页的<head></head>中间,插入:
<!--[if IE6]><script src="http://www.***.comiepng.js" type="text/javascript"></script><script type="text/javascript">EvPNG.fix('div, ul, img, li, input');</script><![endif]-->
把调用路径改成你的文件存放路径即可。

png 不要用32位的,用8位的,并且alpha透明就可以了~
自己改代码吧,dede图片处理这块做得不是很完善

dede是将上传的png 自动转成jpg了?
用gif的话会有锯齿。。。没其他办法的吗

加入:FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');
追问
嗯嗯,真不好意思,还想问一下,我是做的jpg格式的图片,存为png透明底格式后,再用ps切图之后,要存为htm格式,可是为什么,存为之后的图片是整个的呢?不能按切成的小图传到相册里呢?
回答
检查一下你切的图,导出时检查一下导出选项
提问者评价
谢谢 哈

取消浏览器默认事件

function stopDefault( e ) {
//阻止默认浏览器动作(W3C)
if ( e && e.preventDefault )
e.preventDefault();
//IE中阻止函数器默认动作的方式
else
window.event.returnValue = false;
return false;
}

在showMenu中调用这个函数
stopDefault(evt);


然后绑定一个事件,显示自己定义的菜单,现在已经完成到了,鼠标右键显示自定义菜单,但是浏览器菜单也显示了,怎么解决?    

<script>
window.onload = function() {

var container = document.getElementById('container');
var menu = document.getElementById('menu');

/*显示菜单*/
function showMenu() {
var evt = window.event || arguments[0];
var rightedge = container.clientWidth-evt.clientX;
var bottomedge = container.clientHeight-evt.clientY;
menu.style.top = container.scrollTop + evt.clientY + "px";
menu.style.visibility = "visible";
}
/*隐藏菜单*/
function hideMenu() {
menu.style.visibility = 'hidden';
} //这几句干嘛的?
LTEvent.addListener(container,"contextmenu",LTEvent.cancelBubble);
LTEvent.addListener(container,"contextmenu",showMenu);
LTEvent.addListener(document,"click",hideMenu);
}
---------------------------------------------------------------------------------------------------------------

JS问题 禁止鼠标右键 弹出层

 15

弹出一个层之后 我要禁止鼠标的右键 和刷新的按钮F5

js

function sAlert(str,msgw,msgh){
var forbidden = function (){ 
if(window.event.button==2)
event.returnValue=false;
}
if(document.attachEvent) { 
if(document.attachEvent("onmousedown",forbidden))
var msgw,msgh,bordercolor; 
//提示窗口的宽度 msgw=400;
//提示窗口的高度 msgh=100;
titleheight=25 //提示窗口标题高度 
bordercolor="#c51100";//提示窗口的边框颜色 
titlecolor="#c51100";//提示窗口的标题颜色 
var sWidth,sHeight; 
sWidth=screen.width; 
sHeight=screen.height;
//屏蔽浏览器
var bgObj=document.createElement("div"); 
bgObj.setAttribute('id','bgDiv'); 
bgObj.style.position="absolute"; 
bgObj.style.top="0"; 
bgObj.style.background="#cccccc"; 
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=55,finishOpacity=75";
bgObj.style.opacity="0.8"; 
bgObj.style.left="0"; 
bgObj.style.width=sWidth + "px"; 
bgObj.style.height=sHeight + "px"; 
bgObj.style.zIndex = "100000000"; 
document.body.appendChild(bgObj); 
//创建外面包含元素的层
var msgObj=document.createElement("div") 
msgObj.setAttribute("id","msgDiv"); 
msgObj.setAttribute("align","center"); 
msgObj.style.background="white"; 
msgObj.style.border="1px solid " + bordercolor; 
msgObj.style.position = "absolute"; 
msgObj.style.left = "50%"; 
msgObj.style.top = "50%";
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; 
msgObj.style.marginLeft = "-225px" ; 
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"; 
msgObj.style.width = msgw + "px"; 
msgObj.style.height =msgh + "px"; 
msgObj.style.textAlign = "center"; 
msgObj.style.lineHeight ="25px"; 
msgObj.style.zIndex = "100000001";
document.body.appendChild(msgObj);

//创建标题的文本
var title=document.createElement("h4"); 
title.setAttribute("id","msgTitle"); 
title.setAttribute("align","left"); 
title.style.margin="0";
title.style.zIndex = "100000002";
title.style.padding="3px"; 
title.style.background=bordercolor; 
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; 
title.style.opacity="0.75"; 
title.style.border="1px solid " + bordercolor; 
title.style.height="18px"; 
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"; 
title.style.color="white"; 
title.style.cursor="pointer"; 
title.innerHTML="[当前为锁定状态]"; 
document.getElementById("msgDiv").appendChild(title);


//文本信息
var txt=document.createElement("p"); 
txt.style.margin="1em 0" 
txt.setAttribute("id","msgTxt");
txt.style.position="relative";

txt.style.top="0px";
txt.style.padding="0px";
txt.innerHTML=str; 
document.getElementById("msgDiv").appendChild(txt);


//创建按钮
var btn=document.createElement("input");
btn.setAttribute("id","btnCOnfirm");
btn.setAttribute("type","button");
btn.setAttribute("value","登录");
btn.style.width="90px"; 
btn.style.height="20px";
btn.style.left="100px";
btn.style.position="relative"; 
btn.style.border="1px solid purple" ;
btn.style.fontsize="4";
btn.onclick=function(){ 
document.body.removeChild(bgObj);
document.body.removeChild(msgObj);
window.location="../Login.aspx"
}
btn.onmouseover=function(){
btn.style.border="2px double red" ; 
btn.style.fontsize="7px"; 
}
btn.onmouseout=function(){
btn.style.border="1px solid purple" ; 
btn.style.fontsize="4px"; 
}

document.getElementById("msgDiv").appendChild(btn);
}




补充:

bgObj.style.height=sHeight + "px"; 
bgObj.style.zIndex = "100000000"; 
bgObj.oncontextmenu ="return false"
document.body.appendChild(bgObj);

这样还是不行


----------------------------------------------------------------------------------------------------------------------
满意答案

刷新的按钮F5这个是没办法做到完全禁止的,没意义

禁止右键很简单的

document.oncontextmenu=function(){return false}

追问:

上面的代码怎么修改啊

回答:

你只是禁止当前弹出的这个DIV的吗?

如果是的话,你可以试一下

bgObj.oncontextmenu ="return false"

追问:

我的想法是 当弹出这个层之后 鼠标右键不能点击 点击无效

--------------------------------------------------------------------------------------------------------


/*右键无效
function nocontextmenu() {
event.cancelBubble = true;event.returnValue = false;
return false;
}
  评论这张
 
阅读(32)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017