1

我正在制作一个带有翻转 jpeg 的网站,其中翻转是支持该网站的可点击广告。我不是程序员,我使用 Dreamweaver 的 Behavior 控件来创建 javascript 翻转,但 js 的问题是 IOS 和 Kindle 不支持它。

所以答案是使用 CSS 悬停代码。我很难找到一个简单的解决方案。在这个测试页面上,最上面的翻转“西雅图的 Flealess”是用 CSS 代码完成的,但是我包装 div 的粗略代码没有给 div 一个链接。正下方是运行良好的 js 版本:

[链接网址= http://tailsofhollywood.com/indexcss.html][/link ]

(它也忽略了悬停时的自定义光标更改 - 但这也是用 css 完成的,所以我不知道那里发生了什么。)

我需要的是页面上的所有翻转 jpeg 都有自己的 css 代码,可以与我放入的链接一起使用,这样我就可以从页面中删除有问题的 js。您可以提供的任何建议将不胜感激!我不是编码员 - 所以请对我温柔 [:)]

4

1 回答 1

0

http://jsfiddle.net/2Wa46/2/ - 为您提供 CSS 不透明度效果的基本版本 :)

<a href="http://www.google.com"><img src="http://tailsofhollywood.com/Seattle400.jpg"></a>

a         { display: block; position: relative; }
a:after   {
    display: block;
    position: absolute;
    left: 0; 
    top: 0;
    content: url(http://tailsofhollywood.com/Seattle400b.jpg);  
    opacity: 0;
    transition: opacity 0.15s ease; 
}
a:hover:after {
  opacity: 1;
  display: block;
}
于 2013-10-16T17:10:34.940 回答