Tag: css3

在IPad Safari上的CSS3转换缩放问题: 我在javascript中使用CSS3 Transform：scale（）属性动态缩放iframe。缩放工作正常，但页面超链接不再可点击。当我在其他地方长按链接时出现灰色矩形。注意：链接在页面中是“绝对的”。请帮忙。

如何使用jQuery / CSS3创建“滑入式画廊面板”？: 通常我知道如何开始，有一些教程甚至经验，但在这一点上，我甚至不知道如何调用它。也许只是告诉我如何正确定义这可能是我的问题的解决方案（ – >基于名称，我可以正确搜索）。让我们给你一个我刚刚制作的快速模型。我正在寻找1：你怎么称呼它，尤其是2：我将如何创造这样的？我想创建面板，一些堆叠在彼此之上，并且通过单击每个面板上的“下一个”按钮，您可以将该面板向左移动（或向右（向后））以移动到下一个贴砖。假设每个面板都是一个项目组合项目（垂直堆叠），并且在每个面板（项目组合项目）中，您可以在下一个和后面水平滑动，以便在每个图块上解释项目的一部分。每个图块的布局由具有完整背景图像的图块（ background-size:cover ）和半个宽度图块文本框组成。当然，盒子的文本应该用HTML编写，而不是通过使用Photoshop“刻录”到图像中，以用于响应原因。我假设这可以用CSS3和jQuery创建。唯一的问题是：我的所有Google搜索都没有结果，或者导致了Off-canvas导航菜单，这是我不想要的。要回答这个问题，要么：1。定义如何调用/我可以在谷歌搜索这个2.将我链接到一个好的教程/插件3.写出代码，如果它会那么简单。谢谢大家伙！

nth-child选择了错误的元素: 对于这个特定的站点，当我通过CSS或jQuery使用nth-child时，’nth-child’选择器正在捕获错误的元素。我在调用的选择器之前得到一个孩子： .home article:nth-child(3) {} //captures 2nd child 这似乎是捕获第二个孩子。如果我尝试： .home article:nth-child(1) {} //captures nothing 这没有捕获任何元素。在jQuery中，它显示为一个空数组。这是我正在开发的开发站点。谢谢。 http://heilbrice.designliftoff.com/

Bootstrap双列表框和单选在警报中使用jquery中的添加/删除/关闭选项获取值: 你能不能请任何人帮我解决这个问题。 Bootstrap具有双列表框选项，仅具有单/多选。我需要单一选择的双列表框。说明：例如：我有双列表框，左列表框有5个选项。我需要单选。（即）如果我在左侧列表框中选择单个选项，它会显示弹出（警报）并提取相应的字段值，弹出窗口也有添加或取消按钮来添加/取消值。点击后在弹出窗口中添加选项，它将被添加到右侧列表框中。如果我在右侧列表框中选择该选项，则再次显示弹出（警报）并获取相应的字段值，并且弹出窗口还有删除或取消按钮以删除/取消右侧列表框中的值。请任何一个人解决这个问题，谢谢，

使用JS获取元素CSS3背景颜色渐变: 目前我使用以下JS（jQuery）来查找其他几个div的背景颜色（如rgb）： $theColor = $(this).css(“background-color”); 除了CSS3渐变之外，它的效果非常好。作为一个例子，我有以下css使div的背景看起来类似于便利贴： background: #FFFAAD; /* old browsers */ background: -moz-linear-gradient(top, #FFFAAD 0%, #FFF47D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFAAD), color-stop(100%,#FFF47D)); /* webkit */ background: gradient(linear, left top, left bottom, color-stop(0%,#FFFAAD), color-stop(100%,#FFF47D)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#FFFAAD’, endColorstr=’#FFF47D’,GradientType=0 ); /* ie */ jQuery似乎没有任何东西。如何使用jQuery查找css3渐变中使用的至少一种颜色？我对JS比较新，所以请耐心等待.. 谢谢。

如何在charts.js中旋转饼图？: 看起来像charts.js的饼图是通过在圆圈的上半部分采用垂直半径，然后从那里顺时针移动来绘制的。这在大多数情况下效果很好，但是对于只有2个类别的饼图，如果它可以旋转以使切片居中，那将会很好，如下所示：旋转的计算方法是将360的百分比除以2. (.14*360)/2 = 25.2度，如果我可以申请 transform: rotate(-25.2deg); 到圆圈我会很好。由于charts.js将它放在canvas上（而不是），我不知道如何对它应用任何转换。不确定是否相关，但这是我的图表代码： HTML JS openRate = [ { value: 488, color: “#FF9030”, highlight: “rgba(255, 144, 48, 0.44)”, }, { value: 3475, color: “#008DB7”, highlight: “rgba(0, 141, 183, 0.82)” } ]; var ctx=document.getElementById(‘canvas’).getContext(“2d”); var chart=new Chart(ctx).Pie(openRate); 还有一个小提琴： http ： //jsfiddle.net/msy6kf3a/

jQuery调用CSS3版本的stop（true，false）和来自事件的动画？: 任何人都可以告诉我如何使用CSS3来做到这一点？ http://jsfiddle.net/dYYZP/65/ 我一直试图找出如何通过事件调用CSS3转换并停止转换，如jQuery的stop(true, false)数月。 var under = true; $(“#outer”).bind({ click : function() { if(under){ $(“#inner”).stop(true, false).animate( { left: 50 }, 500); } else{ $(“#inner”).stop(true, false).animate( { left: -50 }, 500); } under = !under; } });

Jquery：conatins显示所有跨度的警报: 我有一个跨度Text goes her就像Text goes her $(‘#contentarea’).bind(‘click’,function(e){ e.preventDefault(); if($(e.target).is(‘span’)){ if($(e.target).find(“:contains(font-weight: bold;)”)){{ alert(‘bold’); } } }); 我没有得到实际结果，如果我点击任何跨度文本它会提醒，请帮助我，我需要找出包含font-weight：bold;

CSS3替换jQuery.fadeIn和fadeOut: 我编写了少量代码来尝试使用CSS过渡来复制jQuery的.fadeIn()和.fadeOut()函数，以便在触摸设备上更好看。理想情况下，我想避免使用图书馆，以便我可以准确地写出我想要的内容，并作为学习练习。 fadeOut效果很好。 fadeIn的想法是使用CSS3过渡来调整元素的不透明度，之后元素将被设置为display:block; （使用is-hidden类）以确保它不是可点击的或覆盖它下面的东西。 fadeIn虽然不起作用。我认为这是因为在删除is-animating类的同时添加了is-animating类。 transitionEnd事件永远不会触发，因为没有发生转换： function fadeIn (elem, fn) { var $elem = $(elem); $elem.addClass(‘is-animating’); $elem.removeClass(‘is-hidden’); $elem.removeClass(‘is-hiding’); $elem.on(transitionEndEvent, function () { $elem.removeClass(‘is-animating’); if (typeof fn === ‘function’) { fn(); } }); }; 和CSS .is-animating { @include transition(all 2000ms); } .is-hiding { // Will transition @include opacity(0); } .is-hidden { // Won’t transition […]

动态更改fontfamily和fontsize: 我想动态更改文本的字体和大小但我没有在浏览器中看到任何答案，也没有我的代码中的错误这是演示 HTML： School SansitaOne oliver Jura-Light-webfont Jura-DemiBold-webfont DJGROSS-webfont College BYekan BRoya BMitraBold BMitra 7 10 15 17 20 this is my text example !!! jquery： $(“#font”).change(function() { //alert($(this).val()); $(‘.changeMe’).css(“font-family”, $(this).val()); }); $(“#size”).change(function() { $(‘.changeMe’).css(“font-size”, $(this).val() + “px”); });