草庐IT

CSS定位div

全部标签

javascript - .scroll() 函数在上次更新后在 google chrome 中定位闪烁

说实话,我有点绝望。在我的GoogleChrome浏览器更新之后——我认为是版本39到41——我的一个客户网站在Chrome中完全毁容了。你可以在这里看到:http://prinovis-media-day.com/如果向下滚动,所有»parallax«元素都会闪烁。我已经在我的macbook版本39上检查过了——它在版本39中绝对没问题。基本上,我为创建这种效果所做的工作非常简单:$("window").scroll(function(){varmove_value=Math.round(scroll_top*0.3);varopacity_value=*someothervalue

javascript - 检索或更改伪元素的 css 规则

编辑2015-10-071624CST这个问题已被标记为可能重复-我发布它的原因是其他问题的答案都没有提供我想要的所有信息,我想要一种简单直接的方法来做到这一点。我可以控制样式表和规则的顺序,以便引用正确的规则。我还想就这种方法的可行性得到反馈,因为它在future会被打破。查看我在下面发布的评论,了解我不接受可能重复问题的答案的其他原因。**原始问题如下**我搜索了一个这样的问题,并找到了一些解决问题的一部分,但不能同时检索和更改伪元素的CSS值,如::before和::after.在来这里之前我已经用谷歌搜索了网络,基本上我发现没有理想的方法可以做到这一点。我找到了一种适用于FF4

javascript - 不触发显示 block 和 css 转换的解决方法

对于这个问题的这么多更新,我很抱歉,我很高兴每个人都试图帮助我。我认为下面有一个更清晰的理解这个问题的方法:如果您在更改附加过渡的属性之前立即将元素的显示属性设置为block,则CSS过渡将不适用。考虑以下代码:CSS:#creative{display:none;opacity:0;transition:opacity0.5s;}HTML:SampletextJavascript:vardom={};dom.creative=document.getElementById('creative');dom.creative.style.display='block';dom.creat

javascript - Ionic 和 Angular 2 - 拒绝应用来自 'http://localhost:8100/build/main.css' 的样式,因为它的 MIME 类型 ('text/html' 不受支持

我的Ionic在我想在我的iPhone上进行测试之前,build一直运行良好,所以我停止了我的服务器,做了一个ionicserve--addresslocalhost,我注意到我的样式表不再加载了......所以我再次杀死服务器回到ionicserve并且错误仍然存​​在......(index):1Refusedtoapplystylefrom'http://localhost:8100/build/main.css'becauseitsMIMEtype('text/html')isnotasupportedstylesheetMIMEtype,andstrictMIMEchecki

javascript - 如何使用 vue-test-utils 测试 CSS 框架自定义组件

我使用的是BuefyCSS框架,它提供自定义vue-js组件,例如和,我在测试时遇到了问题标签。import{shallowMount,createLocalVue}from'@vue/test-utils'importBInputPracticefrom'../BInputPractice.vue'importBuefyfrom'buefy'constlocalVue=createLocalVue()localVue.use(Buefy)describe('b-inputPractice',()=>{it('updatesthenamedataproperty',()=>{const

javascript - 无法断言 css 宽度为 100%

我试图断言NightwatchJS中某个元素的CSS宽度为100%,但它未能说明宽度为196像素。错误信息是:Testingifelementhascssproperty"width:100%".-Expected"100%"butgot:"196px"我曾尝试使用以下语法来实现相同的目的:page.assert.cssProperty(`@button-element`,'width','100%');page.expect.element(`@${element}`).to.have.css("width").which.equals("100%");我不想使用硬编码值,因为它们会

javascript - flex 中的 Marquee div

我正在尝试创建一个无限的水平“滚动”,如选取框效果(例如likethisone)。这是我的代码:.parent{border:1pxsolidblack;width:100%;height:2rem;}.container{height:100%;display:flex;padding-left:10%;border:1pxsolidtomato;animation:marquee5slinearinfinite;}@keyframesmarquee{0%{transform:translate(0%,0);}100%{transform:translate(-100%,0);}}.

javascript - TinyMCE 正在改变我的内联 CSS

我在HTML编辑器中输入:我点击更新,然后再次点击html编辑器。HTML(在Firefox中)已更改为:如果我在InternetExplorer中做同样的事情,HTML会变成: 为什么世界会发生变化?也许我可以更改一些TinyMCE设置?但我已经清理了:false。想法?如果我启用清理,我提到的更改就不会发生。然而,TinyMCE改变了很多其他东西。我不希望它弄乱我的代码:(任何帮助将不胜感激。 最佳答案 尝试将verify_html设置为false。文档:TinyMCEConfiguration/verify_html

javascript - 我怎样才能将焦点放回具有较低 z-index 的对象,尝试在 map 顶部创建一系列透明 div

如果我有一个父div,上面有一个子div,我可以给父div焦点而不隐藏子div吗?我正在使用GoogleMapsAPI并想在其上绘制一个透明div网格以插入信息,但是,由于所有这些小div都在我的map上,我无法拖动map。我确信我可以使用API来做到这一点,但这有点离题了,因为无论我在什么基础上工作,我都想这样做。Someoverlayinformation我正在使用JQuery并弄乱了.focus()但没有成功。谢谢! 最佳答案 事实证明,您可以使用jQuery“传递”事件:$(document).ready(function(

javascript - 在 IE 9 的 contentEditable DIV 中禁用 <img> 选择和调整大小

我正在从事一个项目,该项目试图使用contentEditableDIV实现一些编辑功能。我们现在正尝试添加对IE9的支持(在最初提供Chrome/Safari支持之后),事实证明这是一个挑战。我们可以在Chrome中做的是内容可编辑的div中的对象,并允许这些要拖放但不调整大小的元素。此外,在contentEditablediv中按TAB键不应选择。在IE9中,我找到了一些阻止调整图像大小的方法(例如PermittingmovingonlyofswithincontentEditable),但即便如此,在单击图像时仍然会显示那些该死的调整大小句柄。我的大问题是,在IE9中,当我在con