使用CSS3在页面加载上为元素设置不透明度

Question

使用CSS 3，当包含元素的页面已加载时，是否可以将元素的不透明度从0设置为1？可能延迟1到2秒......

Answer 1

CSS不知道加载事件。您应该看一下 combination of jQuery and CSS3 。

或者，既然你要添加一些JS，为什么不去 animate the whole thing in JS ？在我看来，这将为您提供更好的跨浏览器解决方案。

Answer 2

当spliter回复

Jquery有管理不透明度的解决方案........

例如

$("#mydiv").css({ opacity: 0.5 }); 

以上代码可用于将不透明度设置为50％.....（这是Jquery）

或

您可以使用.fadeTo（）属性（jquery）在页面加载事件上启用不透明度

访问http://api.jquery.com/category/effects/获取完整的详细信息... Jquery非常容易学习

Answer 3

您可以使用此代码：

$(function(){
                    $('#spe').hover(function(){

                        $(this).css("opacity","0.50");
                        $(this).animate({top:"80px"},500);
                    },function(){
                        $(this).css("opacity","0.3");
                        $(this).animate({top:"126px"},500);
                    });
                });

或者您可以在动画方法中使用不透明度。