求助：这个界面效果怎么做出来的，求指点

Question

如下图所示，我想做这样的效果，背景图是 JS特效，可以换图片，最主要的是 上下栏是 透明的，不知道 这个是怎么做的，求各位指点原网站链接：http://www.justitsministeriet.dk/效果

Answer 1

你都有源网站地址了还不容易，用IE Developer Tools（F12）或者FireFox登录那个网站后自己研究呗。把它的css扒过来。

Answer 2

javascript ，你可以用chrome 查看里面的引用脚本文件，如果没有混淆的话可以看到源代码。

Answer 3

百度 “CSS 半透明 层“
很简单的玩意

Answer 4

http://www.justitsministeriet.dk/sites/default/files/media/Billeder/Forsidebilleder/JM_WEB_FODBOLD_3362_WEB_FINAL.jpghttp://www.justitsministeriet.dk/sites/default/files/media/Billeder/Forsidebilleder/JM_WEB_PET_3305_FINAL_SAT.jpghttp://www.justitsministeriet.dk/sites/default/files/media/Billeder/Forsidebilleder/JM_WEB_SAGSMAPPER_2386_FINAL.jpg等等！

Answer 5

http://www.justitsministeriet.dk/sites/default/files/media/Gfx/Arbejdsomraade/work_area_civilret.pnghttp://www.justitsministeriet.dk/sites/default/files/media/Gfx/Arbejdsomraade/work_area_civilret_hover.pnghttp://www.justitsministeriet.dk/sites/default/files/media/Gfx/Arbejdsomraade/work_area_faerdsel.pnghttp://www.justitsministeriet.dk/sites/default/files/media/Gfx/Arbejdsomraade/work_area_faerdsel_hover.png等等等等。仅透明png图片就有超过24个！

Answer 6

其实这种都是都是骗傻瓜的。设计这种网页，关键是美工。可能有些asp.net程序员没有见过世面，总以为是什么js之类的“特效”是主要的东西。甚至有人发帖说“别跟我说做个仿QQ（也许是360？）界面是做图片，那样是没有效率的，因此你们根本不配是中国程序员”。主要的工作是美工的工作。不管用什么方式实现，只要能实现就是好产品。

Answer 7

IE Developer Tools 这个工具我在百度上没找到合适的下载地址，方便给个不

Answer 8

百度什么。不需要下载。在IE8以上打开IE，按F12。

Answer 9

你也可以打开IE，点工具菜单中的开发者工具（F12）项，打开IE Developer Tools窗口。注意，只有IE8以上支持。Windows 7内置IE 8，Windows 8内置 IE 10。但是XP和Vista需要额外的安装。IE Developer Tools只是你的选择之一，比如FireFox下，也有FireBug，Chrome下也有Chrome Developer Tools等等。作为一个Web开发者，没有使用过浏览器的开发工具，是让人震惊的。

Answer 10

JQuery实现的，半透明效果有两种方式，设置CSS3来调节透明度（用JQ也可以调），或者直接用1像素半透明的png来铺满上下栏背景，不过仅支持IE7+（当然可以用ie7-js.js来解决兼容问题）