Tag: css3

如何使用css在hover时更改图像的不透明度: 我试图弄清楚如何设置所有图像最初说50％不透明度，然后在hover时更改为100％不透明度我尝试在css文件中设置此规则，但它不起作用。我给出了一个解析错误： img { opacity:0.4; filter:alpha(opacity=40); } img:hover { opacity:1.0; filter:alpha(opacity=100); }

初始化之前无法调用方法; 试图调用方法’刷新’: 我想通过单击菜单项来更新链接按钮的值。 HTML： Value A Value B jQueryMobile： $(‘#selected’).hide(); $(“#menu li a”).on(‘click’,function(){ $(‘#selected’).html($(this).html()).slideDown().button(“refresh”); }); 文本更新工作正常，但按钮css未正确更新。我收到以下错误：未捕获错误：在初始化之前无法调用按钮上的方法; 试图调用方法’刷新’ 我们在谈论哪种初始化？页面和按钮已经初始化，不是吗？编辑：我也试过这个： $(document).on(“mobileinit”, function() { $(‘#selected’).hide(); $(“#menu li a”).on(‘click’,function(){ $(‘#selected’).html($(this).html()).slideDown().button(“refresh”); }); }); 没有错误信息; 但没有文字更新:(

jQuery和颜色计算: 目前我的H1标签设置为＃8c0000（深红色）。使用jQuery，我想得到H1的颜色，然后根据h1的颜色进行计算，以确定如果我想要几个阴影更暗的新颜色的hex值。原因是我想通过创建“插入”文本阴影来使用CSS3的新文本阴影属性来创建“浮雕”效果。我相信，要获得H1元素颜色，可以使用： (‘H1’).css(‘color’); 但是，我该怎么做这个值来计算一个更暗的阴影？ PS – 看到H1颜色将动态设置，我不能只是在固定的文本阴影中硬编码，这就是我需要计算的原因… 任何帮助将不胜感激。先感谢您

使用jQuery fadeIn或CSS3动画更好吗？: 我正在使用一些PHP和JavaScript创建一个简单的库，我正在尝试在图像之间进行淡入淡出过渡。然后我想知道使用CSS动画之间是否存在性能差异，例如： @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } 和一个jQuery淡入淡出。我想使用fadeIn的回调，但我也可以使用带有CSS的计时器。对于大图像，这些中的任何一个都可能更好吗？我看不出有什么不同，但想知道它是否会影响较慢的计算机。

如何在所选页面上添加动态Active类: http://hotelshimlahill.com/demo/这个网站我在bootstrap中做过，包含导航栏的标题部分来自一个名为’header.php’的单独文件现在我想为每个用户的每个页面添加活动类正在参观。我怎样才能做到这一点？请帮助我。谢谢。

布局divs在css中，如HTML表格中的表格单元格: 今天又一次我偶然发现了一个我总是用css布局的问题。我想在一个水平行中有5个div。比方说，他们的宽度应该是： 1:60 px， 2：30％， 3：40px， 4：* 5：100px 其中*代表“填补剩余空间”。在过去，这是我们铺设宽度表的方式。现在由于可访问性原因，html表被禁止布局。这只是一个例子。我正在寻找一般的解决方案。有人知道一个生成器，一个轻量级的 JavaScript解决方案（可以是一个jQuery插件），一个教程，一本书或一个魔术师，它可以帮助我现在和永远解决这个问题吗？尽管基于javascript的解决方案是可能的，但是非脚本解决方案将是首选。

转换附加导航栏 – CSS: 我有一个固定的导航栏使用Twitter Bootstrap 3的affix() 。使用导航栏一切正常。我想在导航栏的外观中添加一个transition 。当用户滚动页面时，导航栏立即显示。我想给它制作动画。尝试使用-webkit-transition: all 1s ease-in但结果是导航栏的宽度。这是FIDDLE 。当用户向下滚动时，请帮助我设置动画。

CSS3动画填充模式polyfill: 前言让我们假设一个div是根据opacity:0; opacity:1; 我想保持opacity:1; 动画结束后。这就是animation-fill-mode:forwards; 确实。 @keyframes myAnimation { from { opacity:0; } to { opacity:1; } } div { opacity:0; animation-name:myAnimation; animation-delay:1s; animation-duration:2s; animation-fill-mode:forwards; } just a test 在jsFiddle上运行它注1：我在这里没有包含供应商前缀以简化注2：这只是一个例子，请不要回答“只使用jQuery fadeIn函数”等。有些事要知道在这个答案中，我读到Chrome 16+，Safari 4 +，Firefox 5+支持animation-fill-mode 。但Chrome 1+和Opera也支持 animation 。因此，即使不支持fill-mode使用Modernizr的一般测试也可能返回正值。为了定位animation-fill-mode我在Modernizr上添加了一个新测试： Modernizr.addTest(‘animation-fill-mode’,function(){ return Modernizr.testAllProps(‘animationFillMode’); }); 现在我有一个CSS的.no-animation-fill-mode类和JavaScript的Modernizr.animationFillMode 。我还从CSS3动画规格中读到：文档样式表中指定的动画将从文档加载开始 […]

如何使用jQuery或Javascript对角滚动: 是否有使用javascript或jQuery对角滚动的项目或插件？例如，当您向下滚动内容时，它将被拉到浏览器的左上角; 当您向上滚动时，您的内容将被拉到角落的右下方。我看到一些类似的项目/网站，他们在滚动时动画他们的元素。大多数使用javascript的网站虽然有一些滞后效果。另一个我见过的是使用类似于“Nike a Better World”的html5 +视差效果（ http://coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-better-world/ ）你能指出我哪里可以成为一个好的起点吗？基本上我想要对角左右滚动项目。如果这可以在HTML5中明确地完成，我会高度考虑，因为我觉得它会有更少的滞后或更少的计算。

如何通过点击缩略图显示/隐藏大图像？: 如何通过点击缩略图显示/隐藏大图像？我需要这样的在这里试试JSFiddle http://jsfiddle.net/jitendravyas/Qhdaz/ 是否可以只使用CSS。如果没有那么jQuery解决方案就可以了。使用即使它没有在相同或新选项卡中打开任何新页面也是一件好事。编辑：我忘了补充一下。它也应该在iPad上运行