草庐IT

css_browser_selector

全部标签

javascript - jQuery .css 以像素为单位返回 css 属性,而实际上以百分比为单位

我正在尝试使用jQuery中的.css方法获取left属性的值(以百分比表示):varmy_value=$("div").css("left");问题是,上面以像素为单位返回它...关于如何让它返回属性的实际值(以百分比表示)的任何想法? 最佳答案 如果你在内联应用left,你可以直接从style.left访问它,例如:varmy_value=$("div")[0].style.left;对我来说,在Firefox、IE和Opera上,它返回百分比值,而css返回像素数。(在Chrome上,我可以通过任何一种方式获得百分比。)如果您

没有 Jquery 和 CSS3 的 Javascript 淡入淡出

我真的绞尽脑汁想使简单的淡入淡出背景图像仅适用于javascript而无需使用JQuery和CSS3。我知道在Jquery中调用fadeIn()和fadeOut()是多么容易。不幸的是,在我工作的项目中,他们不支持Jquery。我想支持IE6的动画以供您引用。单击链接时,div的相应背景会从先前存在的背景中淡入淡出。我试图让它基于setinterval工作,但无法做到。functionhandleClick(evt){varelement=document.getElementsByClassName(evt.target.id);fade(element);}functionfade

javascript - 相当于 jQuery :contains() selector 的 native javascript

我正在编写一个UserScript,它将从包含特定字符串的页面中删除元素。如果我正确理解jQuery的contains()函数,它似乎是完成这项工作的正确工具。不幸的是,因为我将在其上运行UserScript的页面不使用jQuery,所以我不能使用:contains()。你们这些可爱的人中有人知道这样做的native方法是什么吗?http://codepen.io/coulbourne/pen/olerh 最佳答案 在现代浏览器中应该这样做:functioncontains(selector,text){varelements=do

javascript - 浏览器列表错误 : Unknown browser major

我正尝试在我的Angular安装中使用bootstrap4。我跑了npminstall--savebootstrap@next但我在运行时休息了:./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","plugins":[null,null,null],"sourceMap":false}!./node_modules/bootstrap/dist/css/bootstrap.min.cssModulebui

javascript - Vue单元测试报错: vuex requires a Promise polyfill in this browser

我使用vue-cli创建了一个项目,并在其中添加了vuex和vue-router。我正在尝试为其设置单元测试,但出现以下错误。没有Vuex,它曾经可以工作。PhantomJS2.1.1(MacOSX0.0.0)ERRORError:[vuex]vuexrequiresaPromisepolyfillinthisbrowser.atwebpack:///~/vuex/dist/vuex.js:145:0以下是相关的包版本:"babel-core":"^6.0.0","babel-eslint":"^7.0.0","babel-loader":"^6.0.0","vue":"^2.1.0"

javascript - 3 态 CSS 拨动开关

我一直在寻找3态拨动开关,但运气不佳。基本上我需要一个具有以下状态的开关:|开|不适用|关|slider默认从中间开始,一旦用户向左或向右滑动,就无法回到N/A(未回答)状态。有人知道如何处理这个吗? 最佳答案 尝试这样的事情:.switch-toggle{width:10em;}.switch-togglelabel:not(.disabled){cursor:pointer;}ON OFF这将以N/A作为默认选项(通过checked="checked")开始,但稍后使其不可选择(通过使用disabled)JSFiddl

Javascript 和 CSS,使用破折号

我开始学习一些javascript并了解命名标识符时不允许使用破折号。但是,在CSS中,通常对ID和类使用破折号。在CSS中使用破折号会以某种方式干扰javascript交互吗?例如,如果我要使用getElementByID("css-dash-name")。我已经尝试了几个使用带有破折号的getElementByID作为divID名称的示例并且它有效,但我不确定在所有其他上下文中是否都是这种情况。 最佳答案 在ID(或类名,如果您选择的话)中有破折号和下划线不会产生任何负面影响,可以安全使用它们。你只是不能做这样的事情:varso

javascript - 是否可以检测浏览器何时使用后备字体而不是 CSS 中指定的主要字体?

如果在文本字段中输入了一个字符,而当前应用的字体不支持该字符,则会为该字符使用备用字体。是否可以通过Javascript或其他方式告知何时发生这种情况?尝试创建一个脚本,在字体不支持某个字符时提醒用户。感谢您的帮助! 最佳答案 这听起来像是fontkit.js之类的工作或opentype.js,甚至Font.js,所有这些都可以测试字形支持的字体。系统字体没有以这种方式涵盖(Font.js可能会工作,它可能会报告测试字形的宽度为0)但是这些通常是“网络安全”字体,我们已经确切地知道支持哪些字形,因为每个人都使用相同的。但是,为了测试

javascript - IE 不应用动态加载的 CSS

看起来好像IE(至少是旧版本)不应用动态加载的CSS。如果您通过ajax将包含CSS的页面加载到“lightbox”或“colorbox”中,这可能是一个痛点。例如,假设您的HTML页面有一个名为“taco”的div:#taco{color:green;}HolaMundo!“HelloWorld!”将为绿色,因为CSS包含在原始HTML页面中。然后一些Javascript发生并将其附加到“taco”:#taco{color:green;}HolaMundo!#burrito{color:red;}mmmmburrito在除IE以外的所有浏览器中,burrito的字体都是红色的。那么有

javascript - 单击按钮后为拖放angularjs实现CSS3样式

我在我的元素中做了一个Angularjs拖放方法。我在拖放方面没有任何问题,但是在采取下一步行动后如何为可拖动元素制作样式时我遇到了问题。就我而言,如果用户将Goose和Rabbit拖到标记为Animalsthatgivebirth的框中,用户将单击按钮检查答案。每个draggblediv上方都会有正确或错误符号。我尝试检查元素,但我只看到了这些样式:[ng-drag]{width:50px;height:50px;background:rgba(255,255,255,0.5);color:#131313;text-align:center;padding-top:12px;disp