仿人人、开心网弹出框 (好友买卖弹出效果)

一直很喜欢漂亮的弹出窗口效果,但是要不代码异常庞大,要不就是兼容问题一大堆
偶然在人人,也就是原来校内的“好友买卖”时候看到了那个漂亮的弹出窗口
半透明的黑边,朴素的结构布局,非常适宜的按钮显示
于是把页面另存为,一点点扒代码才发现显示部分居然是ajax返回后生成的...十分无语
2个JS文件,2个CSS文件,一段ajax代码

... ...

大约1年过去了...因为很多代码都要考虑兼容问题,所以要用到了FF,偶然间又拿出了这代码才发现,FF下面无效果,CSS使用的居然只有IE的滤镜...唉 失望
.pop_dialog_border{
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://xnimg.cn/img/pop_dialog_border.png',sizingMethod='scale') !important;
BACKGROUND-IMAGE: none
}


一直干的是JAVA,前台的JS和CSS自学才了解了一些,想要效果只能开始自己动手丰衣足食了
因为校内网使用的是PNG图片(看域名也能了解xnimg.cn也就是“校内图片”的一个简称)
而且又把背景图用成了none
如果想兼容FF只能使用background-image,不过如果FF正常显示的话IE又有白边了
不知道“校内”的开发人员为啥不管FF呢?难道没人用??
PS ... 当然是Photoshop了,为了都能使只能自己做GIF了,虽然GIF效果一般,但总比无解的好
随便画了几个10×10的小图,还不错能看得过去  哈哈 我是“忍”者

为了对得起我之前见上帝的脑细胞还是费劲的弄出来了个样子(不过我还是不喜欢使用图片展示)看来有的效果还是只能是用图片了...再看来我还是只适合去做JAVA的程序开发...

仿人人、开心网弹出框 (好友买卖弹出效果)_第1张图片

同样适用之前的blog里面的遮挡层,只不过没有再去写自动调整大小,到项目里在写了

你可能感兴趣的:(Ajax,css,IE,Microsoft,Blog)