Tag: css

如何仅使用js设置更少

我有一个像这样的HTML我把所有文件都包含在我的文件夹中。 我试图在我的main.css文件中添加一些“较少”的css属性，但它没有反映在我添加的浏览器中。 p {color：red;}我们非常感谢任何帮助。 Less Learning asdasdasd

如何在背景大小的div上缩放背景图像

我想要一个div元素伸展到33％宽度，背景图像用css完成 background-image:url(); background-size:cover 如何在鼠标hover或鼠标中对div中背景图像的放大设置动画，是否有插件可以执行此操作？ 背景div必须使用background-size：cover，因为它是一个弹性页面。 我还没有小提琴，因为我不知道在哪里或如何开始

使用jQuery和Bootstrap-Typeahead创建自定义Type-Head？

我正在尝试创建一个像这样的自定义类型头 – 。 我所做的是 – HTML – Example of Twitter Typeahead typehead_customization.css .bs-example{ font-family: sans-serif; position: relative; margin: 100px; } .typeahead, .tt-query, .tt-hint { border: 2px solid #CCCCCC; border-radius: 8px; font-size: 24px; height: 30px; line-height: 30px; outline: medium none; padding: 8px 12px; width: 396px; } .typeahead { background-color: #FFFFFF; } .typeahead:focus { border: 2px solid […]

JQuery select伪元素：在之后

我想选择伪元素:after 这是我的css： show-more:after { content : (” > “); } JQuery代码 $(function(){ $(‘.show-more:after’).click(function() { alert(“Yes”); }); });

奇怪的IE8布局故障 – 为什么身体背景会消失？

这是我所知道如何接近的“血腥地狱”问题之一。 我有这个网站： http ： //www.mojalbum.com ，如果你在IE8中打开它加载很好，半秒后布局搞砸了。 如果您然后调整窗口大小，它将恢复正常。 此外，如果您打开开发人员工具并禁用并重新启用CSS属性（无关紧要），布局也会得到修复。 不幸的是我不记得这是什么时候开始发生的，所以我不知道我做了什么导致了这一点。 我真的不知道该怎么做。 我花了3个小时在谷歌搜索解决方案没有任何运气（说实话，我不确定要搜索什么）。 这是搞砸的截图： 它应该是这样的： 我在Windows 7上使用Internet Explorer 8（v 8.0.7601.17514）。 编辑：我现在设法（有点）隔离问题。 如果页面上包含jQuery（v1.6.1），那么就会发生这种情况。 包括jQuery v1.3.2不会导致此问题。

为什么window.width小于媒体查询中设置的视口宽度

我很困惑，仍然不确定如何用恰当的话来解释这一点。 到目前为止，我已经使用和设置了Breakpoint的媒体查询。 使用的断点变量看起来像例如： $menustatictofixed: min-width 900px; $ breakpoint-to-ems设置为true。 我已根据以下jQuery代码段的像素值布置了包含所有Breakpoint变量的页面： $(‘body’).append(‘Viewport width px’); var viewportWidth = $(window).width() $(‘#width’).text(viewportWidth); $(window).resize(function() { var viewportWidth = $(window).width(); $(‘#width’).text(viewportWidth); }); 一切看起来都很干净。 但是在过去的一两天里，我遇到了为模式设置最后断点并让事情表现出可预测性的问题。 不知怎的，那些看起来干净整洁的东西，我现在在逻辑上非常怀疑，实际上是不合适的，不知何故是一团糟。 Cuz如果你看一下下面的截图 ，窗口的宽度（在Chrome中）与使用window.width的jQuery代码段的宽度不同。 如果我用window.innerWidth替换window.width来最终排除滚动条也没有区别。 获得正确结果的唯一方法是在等式中添加15个像素： var viewportWidth = $(window).width() + 15; 整个方程中唯一的问题是window.width是错误的函数选择，最好是使用例如document.documentElement.clientWidth或其他东西或……？ 对于15个像素代表什么，以一点点hacky方式解决了上面的问题？ 最好的问候拉尔夫

在div（高度和宽度）内完美匹配文本而不影响div的大小

我提前道歉，因为我知道这个问题之前出现了很多次，但我似乎无法找到正确的解决方案（相信我，我已经尝试了几个！） 基本上它是旧的“ 在div中完美匹配文本而不影响div的大小 ”。 除非我是一个完整的numpty，我相信CSS无法做到这一点。 所以我的意思基本上不是做以下事情： #someDiv { font-size: 12px; } 要么… #someDiv { font-size: 1em; } ……我希望能够做到这样的事情： #someDiv { font-size: fluid; } …意思是这个div包含的任何文本，将其缩放为从左到右，从上到下完美拟合，没有溢出或空格。 在浏览了无数寻找这个CSS解决方案的网站之后，我现在已经接受了CSS无法做到这一点……所以，输入jQuery。 我在网上找到了几个jQuery解决方案，但是他们只会缩放文本以适应宽度，但我希望它也可以扩展到高度。 所以我想对jQuery说： “jQuery，找到$（this）div和其中的任何文本我想让你缩放它，以便它尽可能紧密地填充div的整个高度和宽度”。 如果我没有很好地解释自己，我附上了一个图解，解释了我面临的问题以及我正在寻找的解决方案。 任何帮助将非常感激。 谢谢。

基于单独元素中的光标位置旋转元素

我最近在使用breadcrumbs目录function，需要根据breadcrumbs容器元素中的光标x位置旋转元素。 长话短说，我需要在’＃pointer-box’下面的箭头指向光标，当它在’#target-box’中时。 我正在寻找两个单独的公式，它们将a。）当’＃target-box’光标x位置为0时设置箭头的最左侧位置，并且b。）保持箭头的最左侧和右侧 – 在任何浏览器宽度或窗口大小调整时，最近的旋转属性成比例。 任何帮助是极大的赞赏。 这是现场演示。 http://jsfiddle.net/HeFqh/ 谢谢 更新 在Tats_innit的帮助下，我能够在“＃target-box”内部获得指向光标的箭头。 现在我有两个具体问题需要解决。 a。）调整窗口大小时，箭头和光标不再对齐。 b。）’mousemove’上的’var y’不扣除顶部偏移量 var y = e.pageY – this.offsetTop 更新的现场演示。 http://jsfiddle.net/HeFqh/11/ 谢谢

从外部链接到Bootstrap选项卡 – 如何将选项卡设置为“活动”？

我有一个带有3个不同内容选项卡的Bootstrap“选项卡”导航。 除了我想链接到OUTSIDE选项卡导航中的一个选项卡之外，它的工作方式非常完美。 这意味着当有人单击选项卡窗口外的链接时，它应设置为“活动”该选项卡并显示内容。 现在，它正确显示该选项卡的内容，但该选项卡未设置为“活动”。 我如何实现这一点，以便它像一个人点击一样“活跃”？ 这是代码： Home Profile Messages Home Content Profile Content Messages Content Profile Link From Outside 我做了一个jsFiddle来更好地展示它： http ： //jsfiddle.net/fLJ9E/ 非常感谢您的任何帮助或提示:)

延迟删除Jquery中的类

可能重复： Jquery延迟执行脚本 我正在编写一个小脚本，当页面加载时，将CSS子类分配给三个元素。 800ms之后，我希望它删除该子类。 我以为这段代码可能会这样做： $(document).ready(function () { $(“#rowone.one”).addClass(“pageLoad”); $(“#rowtwo.three”).addClass(“pageLoad”); $(“#rowthree.two”).addClass(“pageLoad”); .delay(800); $(“#rowone.one”).removeClass(“pageLoad”); $(“#rowtwo.three”).removeClass(“pageLoad”); $(“#rowthree.two”).removeClass(“pageLoad”); }) 可悲的是，它没有，任何帮助将不胜感激。 提前致谢。