Question

在Photoshop / Fireworks中，是否有比在批处理中显示/创建翻转图像更简单的方法？

理想情况下，这将通过CSS or Javascript完成，以某种方式在鼠标悬停时在图像上创建半透明白色图层。目前我只有具有+ 10％亮度的Photoshop过程图像，并使用find / replace在 Dreamweaver 中完成剩余工作。

不必为每张图片创建单独的翻转图像。谢谢！

Answer 1

使用css，您可以使用以下内容：

#navigation a { 
  background:url(image.png) no-repeat; 
  filter:alpha(opacity=100); 
  opacity: 1 }
#navigation a:hover { 
  filter:alpha(opacity=80); 
  opacity: 0.8 }

More info here

Answer 2

使用图像并不总是需要为翻转创建新图像，您可以编辑CSS以降低元素的不透明度：

.myElement
{
   background.image: url(path/to/file/image.png);
}

.myElement:hover
{ 
   filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

另外我认为你会从查看CSS Sprites中获益：

有没有比在Photoshop / Fireworks中批处理更容易显示/创建翻转图像的方法？

2 个答案: