草庐IT

pink-box-selector

全部标签

javascript - CSS :before/:after Selectors in IE 6, 7

我知道:before/:after选择器在IE6,7中不可用http://www.quirksmode.org/css/contents.html是否有jshack可以在IE中启用对这些选择器的支持? 最佳答案 有一个名为IE7的Javascript解决方案,它修复了常见的IE错误:http://code.google.com/p/ie7-js/ 关于javascript-CSS:before/:afterSelectorsinIE6,7,我们在StackOverflow上找到一个类似的

html - CSS :not() selector not supporting complex selectors inside it

在CSS3中,:not()选择器和attributecontains选择器都可用,但混合使用时会出现问题,无法正常工作。HTML:CSS:input[type='text']:not(input[id*='Date']){display:none;}DEMO谁能告诉我这是怎么回事?注意:我们没有更改标记的特权。 最佳答案 不能在not中使用两个选择器:input[type='text']:not([id*='Date']){display:none;}选择器级别3不允许超过单个simpleselector的任何内容在:not()伪类

jquery - CSS :not():hover selector

child1child2child3child4specialChild当悬停在其中一个.child元素上时,我想给.parent的所有子元素以获得另一种背景颜色。将鼠标悬停在.special元素上时不应发生这种情况。到目前为止我尝试了什么:.child{background-color:rgb(255,0,0);}.parent:not(.special):hover.child{background-color:rgb(0,0,255);}但是当悬停在.special元素上时,背景颜色会发生变化(忽略not()选择器)我错过了什么?JSFIDDLE:Link编辑:jQuery可用作

javascript - jQuery 用 $(selector).prop 改变 <img> src 需要很长时间

所以这个代码功能本身没有问题。我有这样的东西:Text我还有另一部分代码,它使用jQuery更改图像src/text。functionchangeImage(){$('#imageToChange').prop('src','/path/image2.png');$('#textToChange').html('NewText');}如您所料,这完全符合我的预期。但有1个怪癖。在所有主流浏览器中(chrome/FF/IE)。图像需要很长时间才能更改。例如,当我调用changeImage()时,文本会立即更改,但图像可能要到1-2秒后才会更改。(无论如何都不是大图像,大约~6KB,而且是

html - IE11 - border-radius 和 box-shadow 一起导致问题

遵循我的代码:div{display:block;width:500px;height:200px;border:1pxsolidblack;border-radius:5px;transition:box-shadow1s;}div:hover{box-shadow:25px25px0px#000;}Test它可以在Chrome、Safari和Firefox上运行,但在InternetExplorer11上运行不佳,当div不再聚焦时会出现明显的视觉问题。如何解决?JSFiddle:https://jsfiddle.net/aL0t8g21/ 最佳答案

html - 使用 box-sizing 创建内边框

我想创建一个HTML表格,其中每个单元格都是可点击的,点击一个单元格会在单元格内的单个div上添加一个边框。我希望div的边框完全存在于包含它的td的现有范围内,根本不需要调整表格或其单元格的大小。我似乎无法让这件事正确发生。这previousquestion似乎解决了同样的问题,并指向一些关于box-sizingCSS选项的文章。我有一个fiddle,我试图实现它但没有成功:http://jsfiddle.net/YsAGh/3/.*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-

javascript - 在 box-shadow 上使用边框半径

下面代码的结果是这张图片:问题是不是所有的Angular都有边界半径。这是因为父级具有最大宽度,而border-radius仅适用于跨度的末端。有解决办法吗?也许与JS?要检测每条新线并添加另一个带有边界半径背景的跨度?由于响应能力,我无法在跨度中添加中断。在桌面版上,它是一长行。h1span{background-color:#272e3a;-webkit-box-shadow:20px00#272e3a,-20px00#272e3a;box-shadow:20px00#272e3a,-20px00#272e3a;padding:5px;border-radius:4px;font-

html - 为什么我的 :active selector lose its click event state on scale tranformation?

我为网站设计了一个按钮,并尝试在点击事件上添加transform:scale(0.95);(使用:activateCSS选择器)。a.btn,input[type="submit"].btn,label.btn,button.btn{text-transform:uppercase;border:solid1px#282828;font-size:11px;line-height:17px;}a.btn:active,input[type="submit"].btn:active,label.btn:active,button.btn:active{transform:scale(0.

javascript - 如何在鼠标悬停时在 HTML 标记中的文本周围显示 "box"?

我正在为InternetExplorer编写BHO,我在其中搜索网页中的特定词并将在HTML标记中找到的词封装起来,以用于样式设置。我有代码可以在将鼠标悬停在标签上时更改样式属性,但我想做的是在单词周围显示一个“框”,但我不想将文本移动到它所在的任何其他位置原来的。为了说明,我制作了一张图片(想象一下“溢出!”这个词在它自己的HTML标签中):图片#1是之前,#2是鼠标悬停在单词上的时候!任何人都可以帮我提供有关如何解决此问题的任何建议吗?Javascript?CSS样式? 最佳答案 在要突出显示的文本周围引入一个标记,并连接onm

html - :nth-of-type selector overrides all other CSS selectors

我正在尝试复习我的HTML、JavaScript和CSS3考试;我对CSS选择器和优先级有点困惑。我有以下CSS:table{border:1pxsolidblack;}tr:nth-child(odd){background-color:red;}trtd:nth-of-type(even){background-color:blue;}td{background-color:green;}我认为最后出现的优先,所以我认为表格中的所有单元格都是绿色的。然而,根据第n个类型选择器,偶数单元格仍然是蓝色的。即使我将它放在顶部并移除绿色td线,蓝色仍然显示在中间,只有奇数单元格显示为红色。