草庐IT

CSS定位div

全部标签

javascript - 为 div 创建线性透明渐变

我想为一个div创建一个线性透明渐变。有什么办法可以用jquery做到这一点吗?或者我应该使用像raphaeljs这样的其他库吗?我想实现如下效果: 最佳答案 为什么不让它保持轻便和浏览器兼容。div{backgroud-image:url('images/gradient.png');background-repeat:repeat-x;background-position:topright;} 关于javascript-为div创建线性透明渐变,我们在StackOverflow上找

javascript - 如何使用 jquery 或 javascript 滚动到特定的 div

我想使用jquery滚动到特定的div我写的代码是这样的:$("#button").on('click',function(){varp=$("#dynamictabstrp");varoffset=p.offset();window.scrollBy(offset.left,offset.top);});但它并没有移动到div位置。我怎样才能在jquery或javascript中做到这一点 最佳答案 试试这个$("#button").on('click',function(){$('html,body').animate({'sc

javascript - 如何让我的导航栏在滚动经过 anchor 时更改 CSS 类?

我正在使用Bootstrap3并希望实现thiseffect当用户滚动经过我页面上的大标题图像时。我需要导航栏的背景从透明变为白色。我查看了他们的代码,我知道它是用javascript完成的,甚至还看到了WHERE我认为它正在发生(在该JS中查找ID“#main-header”)...除了不了解高级Javascript之外,我正在寻找一种方法,以便在滚动到某个点时将其应用于我的导航栏。我的代码的类称为“导航栏”,我希望它在通过“#main”时变成白色。如果您需要更多信息,请告诉我,如果有人愿意提供帮助,请提前致谢! 最佳答案 完成您

javascript - 滚动到水平 div 中的元素

我有一个水平div:我需要通过JavaScript按钮滚动到此div中的特定元素(在单击div后必须滚动到该元素)。我该怎么做?........ 最佳答案 或者您可以使用以下代码段:$('.scrollable').animate({scrollLeft:$('#dstElement').position().left},500);在哪里position()如果定位了scrollable,则返回#dstElement到`.scrollable'的相对位置。代码与演示var$scroller=$('.scroller');//assi

javascript - 如何打印选定的 div 而不是完整的页面

我有两个div:div1和div2。保持应用于正在打印的div2元素的原始css样式。我不想打印div1中的内容,而只想打印div2中的内容。如何打印? 最佳答案 试试这个@mediaprint{body*{visibility:hidden;}.div2*{visibility:visible;}.div2{position:absolute;top:40px;left:30px;}} 关于javascript-如何打印选定的div而不是完整的页面,我们在StackOverflow上找

javascript - CSS 加载动画在 NW.js (node-webkit) 中没有动画

Hereisajsfiddle我的CSS加载动画正常工作。但是,当我在我的node-webkit应用程序中使用相同的代码时,SVG路径和颜色是静态的并且不显示任何动画。经过一些研究,我尝试添加"chromium-args":"--enable-threaded-compositing"根据thisissue的解决方案到我的package.json文件.不幸的是,这并没有解决我的问题。根据thispost中第二个答案的建议,我正在为我的加载屏幕使用CSS动画。.我的动画是thisCodePen的略微改动版本.有没有人遇到过NW.js中的CSS动画的类似问题?此动画可能无法正常工作的任何原

javascript - 具有多个可能值的 CSS 规则 (jQuery)

问题很简单;使用jQuery的css函数,可以返回CSS属性的计算样式,但是如果要呈现的属性有多个样式怎么办?例如:Someunderlinetext指令$('#foo').css('text-decoration');将返回下划线。现在如果我把它改成Someunderlinetext指令$('#bar').css('text-decoration');会返回line-through,好吧。但实际文本也是下划线!我怎样才能退回两者?如果我想知道某些文本是否既是underline又是line-through,是否需要搜索所有祖先?听起来有点痛苦,不是吗?**编辑**这个HTML出现了另一

javascript - 在显示 react 选择之前,CSS 悬停/主动触摸反馈在移动设备上不起作用

我正在努力调试这里的问题。在UI上显示react选择之前,移动触摸元素上的反馈不会提供触摸反馈。这可以通过在移动设备上完成旅程直到第4步在这里看到:https://odd-panda-design.badgerbookings.com/booking当您第一次与元素交互时,没有反馈,但是当您到达旅程中的第4个屏幕并单击“注册”(显示react选择)时,如果您导航回悬停元素,悬停元素会突然提供反馈。此问题仅在移动设备上而非网络上。我已经使用Chrome在iPhone6上进行了测试。下面是触发触摸反馈交互的react-select元素。我尝试添加onTouchStart并更改悬停元素以包含

javascript - 如何使用 jquery 将 css 转换添加到当前转换值?

目前我有一个转换值rotate(57deg)的类,当警报时$(".div-1").css("transform")它给出矩阵值。.div-1{transform:rotate(57deg);}TestIneedtoaddscale(-1,1)totheexistingtransformvalueusingJquery.所以.div-1变换值变为div-1{transform:scale(-1,1)rotate(57deg);}如何做到这一点?这里的57只是一个数字,它会一直变化。所以我需要的是将scale(-1,1)添加到当前转换值。请帮忙。 最佳答案

javascript - 将文本输入到输入元素后,防止华为手机的 jquery-mobile 弹出窗口重新定位

在我们的项目中,我们正在使用jquery-mobilepopupdialog显示对话框后,我第一次尝试在我的手机(HuaweiP9lite、Android6.0.0、Chrome55.0.2883.91)上填写文本时,弹出窗口关闭并重新打开。我什至可以在演示Form弹出窗口中重现此问题。在具有更大屏幕和几乎相同的android(6.0.1,相同浏览器)的稍大一点的设备(5.7英寸对5英寸)上,这种情况不会发生。好像是键盘出现后popup自动重新定位造成的。有人遇到过类似的问题吗?你是怎么解决的?SigninPleasesigninUsername:Password:Signin