草庐IT

CSS的hover属性

全部标签

javascript - 浏览器支持 getBoundingClientRect 的宽度和高度属性吗?

我刚刚发现并非常喜欢getBoundingClientRect,因为它包含亚像素精度。这使我能够创建一致的对齐方式,即使用户键入Ctrl+或Ctrl+-。它有属性top,bottom,left,right,&width&高度。在Internet上很容易找到浏览器支持,但对于width和height属性来说却不是那么容易。这似乎是事后添加的。它适用于Firefox、Chrome和IE10,但IE8和IE9呢?我不能方便地测试这些。 最佳答案 在IE9和IE8中:document.body.getBoundingClientRect()

javascript - 如何从 tinymce textarea 中删除标题属性

我正在使用jquery-ui工具提示和tinimce4,问题是当tinymce加载到文本区域时,标题属性"RichTextAreaPressALT-F10fortoolbar..."一直显示jqueryui工具提示。我试过用js删除标题,但没有任何改变:document.getelementbyid('message_ifr').RemoveAttribute('title');有没有办法从文本区域的tinymce或jqueryui工具提示中删除标题?编辑:这是tinymce代码:tinymce.init({mode:"exact",elements:"message,notes",p

javascript - 是否有用于 visual studio 的 javascript/css 压缩器插件?

我正在寻找具有以下功能的visualstudio插件:在构建项目或执行工具时,插件会查找所有*.js和*.css文件并将它们压缩/最小化为*.min.js和*.min.css文件。在项目构建时执行该工具将使您能够在页面中保留对*.min.js的引用,同时对*.js文件的更改将立即写入*.min.js文件。有这样的东西吗?如果不是,最接近自动化此类任务的方法是什么?补充问题:自动合并文件怎么样? 最佳答案 查看这两个链接:AnMSbuildscriptforYUIcompressorYUIcompressorforVS

backbone.js - 访问父主干 View 的属性

我有一个调用subview的主干View:lr.MapView=Backbone.View.extend({el:$('#map'),foo:"bar",initialize:function(){varthat=this;_.bindAll(this,"render","addAllEvents","addOneEvent");this.collection=newlr.Events();this.collection.fetch({success:function(resp){that.render();that.addAllEvents();}});},addAllEvents:

javascript - 如何通过 Javascript 通过 CSS 获取准确的 RGBa 值设置?

在我尝试过的大多数浏览器中,一旦浏览器解析了CSS,rgba()值似乎就会发生变化。例如,下面的CSS:background-color:rgba(255,0,0,0.5);通过jQuery.css('background-color')或原生CSSStyleDeclaration.getPropertyValue('background-color')访问时提供以下CSS值:rgba(255,0,0,0.498039)这是afiddle有更多的例子。Chrome和Safari给出不同的结果。Firefox似乎是唯一报告输入的准确值的浏览器。这是错误还是设计使然?

javascript - 为什么 z-index 不能在 Chrome 中使用 CSS 列?

我使用column-count创建的多列布局的z-index有问题。我想使用.animate()将单击的div移动到列表顶部,但是当我单击右列中的元素时,它会位于左列元素的后面。这在Firefox上运行良好,但在Chrome上不起作用。有什么想法吗?functiongotoTop(element){vardestinationTop=$('.categories').offset().top;varelementOffsetTop=$(element).offset().top;vardistanceTop=(elementOffsetTop-destinationTop);retur

javascript - HTML 中完整性属性的用途是什么?

这个问题在这里已经有了答案:Whataretheintegrityandcrossoriginattributes?(3个答案)关闭7年前。我在bootstrap的网站上,我最近注意到他们的CDN链接包含一个带有SHA-384key的完整性属性。我认为这是一种验证脚本源的方法,但我还想知道它是如何使用的,以及它是否属于任何规范的一部分?此外,这是否仅适用于脚本src,还是适用于任何非同源源?

javascript - Vue.js 无法访问数据对象的嵌套属性

在Vue.js中,我像这样获取json文件的一些数据:exportdefault{data(){return{data:[]}},created(){this.fetchData();},methods:{fetchData(){$.getJSON('data/api.json',function(el){this.data=el;}.bind(this)),}}}获取的数据具有以下结构:{time:'17:00',pick:{box:{single:1,multi:2}}}当我尝试访问组件中的{{data.pick.box}}或{{data.pick.box.single}}时,我总

javascript - Bootstrap-vue 不加载 CSS

我正在使用Bootstrap4编写一个Vue.js应用程序,但我无法加载,尽管我遵循了文档。添加到main.jsVue.use(BootstrapVue);添加到与App.vue相关的css文件:@import'../../node_modules/bootstrap/dist/css/bootstrap.css';@import'../../node_modules/bootstrap-vue/dist/bootstrap-vue.css';这是模板:{{msg}}{{statusCode}}PlayersdataTournamentdata结果:没有呈现css但在来自dist目录的

javascript - Next.js - 导入 css 文件不起作用

我正在用react、redux和next.js创建一个元素,想在js中导入CSS文件。我按照next.js/#css中的说明进行操作和next-css,但发现CSS样式不起作用。我的代码如下:pages/index.js:importReactfrom'react'import"../style.css"classIndexextendsReact.Component{render(){return(HelloWorld!);}}exportdefaultIndexnext.config.js:constwithCSS=require('@zeit/next-css')module.e