0

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

理想情况下，这将通过 来完成CSS or Javascript，当鼠标悬停时，以某种方式在图像上创建一个半透明的白色层。目前我只有 Photoshop 处理亮度为 +10% 的图像，其余的在Dreamweaver中使用查找/替换完成。

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

4

2 回答 2

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 }

更多信息在这里

于 2011-02-09T13:23:57.040 回答
0

对于图像，您不必总是为翻转创建新图像，您可以编辑 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 中受益：

  1. CSS-tricks sprites 教程
  2. 列表分开的 CSS 精灵
  3. CSS sprites.com 生成器
于 2011-02-09T13:27:00.503 回答