草庐IT

前端学习之CSS

全部标签

javascript - 从 JavaScript 确定元素的自定义 CSS 光标热点坐标

当我尝试在JavaScript中获取HTML元素的完整CSS光标定义时,它出于某种原因省略了热点(目标像素)坐标,导致我的光标将其热点重置为光标的左上角像素图像(即不是一件好事)。ProblemdemonstratedinthisJSFiddle.更新:在某些浏览器中似乎只有这种方式,特别是(在我的测试中)MacChrome和Safari。更新2:看起来这实际上已在WebKit的最新夜间构建(8536.26.17、537+)中修复,所以我想除了它是一个错误之外不需要真正的答案,并且已经已经修复。例如:varelem=document.createElement("div");elem.

javascript - 当您使用 Javascript 单击或停止悬停时,如何使 CSS 悬停内容保持原样?

我有一个要实现的body系统功能。当用户将鼠标悬停在body​​部位时,它会突出显示并显示有关该特定body部位的信息。我已经按照我想要的方式对CSS进行了编码,但是我对JavaScript一无所知无法在单击正文部分或鼠标离开悬停状态时让信息保持不变。p>我搜索了论坛并发现了类似的问题,并花了几个小时试图从其他人的javascript解决方案中找出这个问题-我正处于需要寻求帮助的地步。这是我根据我想要的效果制作的Flash原型(prototype):http://inwavemedia.com/temp/proto/Main.html如果你想看看我现在有什么,这里是实时HTML:htt

javascript - 通过 javascript 删除/重置 css 属性的正确方法是什么?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:howtoremovecsspropertyusingjavascript?我有这个javascript:vardiv=document.getElementById('myDiv');div.style.width='300px';div.style.height='200px';...等等……后来我面临着删除属性的需要(不改变它的值(value),真正删除意义:就像我之前没有设置过一样)我写了这样的代码:div.style.height=undefined;div.style.height=null;di

javascript - 插入带有 firefox 扩展名的本地 css 文件

我正在构建一个firefox扩展,需要将一些元素和css插入到文档中。我尝试关注HowcanaFirefoxextensioninjectalocalcssfileintoawebpage?和InsertingCSSwithaFirefoxExtension,但没有运气。我知道我遗漏了一些愚蠢的点,但我真的无法弄清楚它是什么,如果有人能指出给我,我将不胜感激。这是我的chrome.manifest:contenthelloworldcontent/overlaychrome://browser/content/browser.xulchrome://helloworld/content

javascript - 是否在所有浏览器都支持的协议(protocol)下链接到 CSS 或 JavaScript?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:CanIchangeallmylinkstojust//?我了解到我可以通过使用“//域/路径”格式来引用CSS和JavaScript,而不是具体说明应该通过HTTP还是HTTPS加载资源。示例:然后浏览器使用与当前页面相同的协议(protocol)(模式)加载资源。是否所有浏览器都支持它,如果不支持,哪些浏览器不支持它?

javascript - CSS 网格布局 - 如何使用 javascript 计算出鼠标所在的网格单元格?

“css网格布局”=https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout有谁知道用javascript来计算鼠标当前所在的列/行?我猜这样的事情是获取鼠标所在单元格的开始,但这只对大小相等的网格有用。MouseGridColumn=round(mouseX/(gridContainerWidth/gridTotalColumnsNumber))MouseGridRow=round(mouseY/(gridContainerHeight/gridTotalRowsNumber))有没有办法对不相等的单元格执行此操

javascript - Gulp.js - 在连接时重写嵌入在 css 中的 url

我正在使用Gulp连接来自不同目录的多个css文件(Bower管理的依赖项)。Font-awesome是这些依赖项之一,它包含对其字体的相对引用url(../font....)。当css文件被串联并放在不同的目录中时,这个相对url显然是错误的。是否有处理此问题的最佳做法? 最佳答案 你可以使用gulp-replace。https://npmjs.org/package/gulp-replace**gulp-replacecanbecalledwithastringorregex.***replace(string,replacem

javascript - 如何在后端检测前端 Action ?

我是JavaScript环境的新手,它是在我新使用的系统上运行的环境。我们正在使用GWTforJavaScript。检测后端进程之间连接的最佳方法是什么和前端Action?例如。按下“那个”按钮时调用哪个后端方法,单击选项卡,窗口打开,......我能想到的唯一方法是使用调试器和Eclipse搜索/调用层次结构工具:不断放置断点在我预计会跑的地方——直到我到达目的地。是否有更有效的方法来做到这一点?其他开发人员如何做?我是一名后端开发人员。在以前的系统中,我放置了一个端口监视器--Fiddler,看到了FE发送的请求的内容,然后从那里去了。我知道这是一个幼稚的问题——请耐心等待。TIA

javascript - 在实际位置/状态上中断/停止 CSS3 转换

我正在编写一个jQuery插件,通过CSS3Transitions为元素设置动画。在jQuery中有.stop()中断所选元素上的当前动画。知道如何停止正在运行的CSS3动画吗?有没有一种本地方法来处理这个问题,还是我必须测量动画,并将动画元素的样式设置为当前位置、颜色大小或其他?这是jQuery插件的当前状态:http://jsfiddle.net/meo/r4Ppw/我尝试将“-webkit-transition-duration”设置为0/none/false。但它不会停止动画。 最佳答案 无需深入了解您的插件,您可以重新使用

javascript - 带有 Angular 2 的前端 "micro services"

我正在为一些奇怪的情况寻找解决方案。让我们快速浏览一下angular2-seed项目,以便我更好地解释:https://github.com/mgechev/angular2-seed/tree/master/src/client/app.在那个项目中,我们有3个独立的模块-关于、主页、共享。我正在寻找的是一种隔离这些开发的方法,因此我们最终能够独立发布每个部分。例如,假设A团队正在处理关于部分,而B团队正在处理家庭。每个部分的工作都已完成,我们已准备好发布,但我们意识到关于部分缺少一个关键功能,但我们仍想发布对主页部分的更改。我们正在寻找一种实现这一目标的方法。这里有一些已经探索过的