Tag: css

IE8 JQuery消失元素问题(仅在怪癖模式下工作)

我在IE8中只有网站维护问题。 该网站在所有其他浏览器中运行良好,包括IE9和IE10。 我可以最好地描述这个问题如下: 在IE8中加载页面时,所有元素都正确显示,一切看起来都很棒。 但是,当我激活JQuery手风琴时,整个页面都会混乱。 这是发生的事情: 1)页面向上跳转到一个看似随机的位置(这可能是因为根据手风琴内部元素的大小调整了页面大小.2)整个页脚消失,​​直到我使用滚动条向下箭头,然后它又出现了。 3)所有导航元素消失,直到我将鼠标hover在它们上面,然后它们再次出现。 如果我打开开发人员工具并将文档模式更改为Quirks,页面function正常。 如果我再次将文档模式更改为标准,页面将正常运行..这个问题非常奇怪,任何输入都会很棒。 谢谢你的时间!

如何在css中为jquery mobile div更改所选文本的颜色

我想将所选文本的颜色更改为#3C3,而不是div 2。 ………….. …………… some text some text …………….. …………….. CSS .one::selection { background-color:#3C3; } 上面的代码没有用。 有人可以帮我这个吗?

使用qtip的动态javascript数据会覆盖所有具有相同消息的工具提示

我有一个循环,其中出现许多不同的唯一工具栏(标题)消息。 这个jsfiddle显示了我遇到的问题。 如果你翻转那里的默认文本框,你就可以正确地看到title test : test this adf 我有一个循环,它模拟我的生产代码,虽然它不是唯一的数据,但问题是它完全改变所有标题,包括hover时工具提示(标题)的现有标题是 content: ‘This is the message!’, 我意识到函数loadQtip()中的代码不够具体,只能将新添加的标题更改为新添加的行,但我不确定如何定位新的标题。 目前正如您所见,我只针对class=’tips’ http://jsfiddle.net/bthorn/tw6mLcL1/ 新的小提琴,显示OP答案以及非常接近我自己的数据 http://jsfiddle.net/bthorn/Lpuf0x7L/1/

如何定制jquery放大镜以获得圆形镜头?

我会很感激javascript / css ninjas关于如何自定义的想法: https://github.com/jdbartlett/loupe/blob/master/jquery.loupe.js 要有圆形缩放区域而不是矩形缩放区域? 可以选择为放大镜设置css类。 请注意,这是关于上面链接的图书馆的问题。 我已经google了其他图书馆。 我想让js尽可能小。

如何使固定表头水平滚动与tbody数据同步?

我有下表带有固定标题。 我希望标题可以水平滚动与数据同步吗? 这样当用户水平滚动tbody数据时,标题也会水平滚动。 有可能吗? 注意:我将动态创建表列和标题..所以有时我只能有2列,有时10列,10个标题 小提琴代码 head1 head2 head3 head4 head4 row 1, cell 1 row 1, cell 2 row 1, cell 2 row 1, cell 2 row 1, cell 2 row 2, cell 1 row 2, cell 2 row 1, cell 2 row 1, cell 2 row 1, cell 2 row 2, cell 1 […]

如何通过鼠标hover在另一个映射图像区域上显示小图像和段落?

这将更好地解释我想要的东西而不是我的文字: http : //jquery-image-map.ssdtutorials.com/即使该教程可用,但它是在photoshop中使用图像叠加完成的。 但我使用jquery插件“jquery.maphilight.js”突出显示我的映射图像。 使用它我有一个映射的图像,如果我鼠标hover在图像上,它会突出显示在映射的部分。 如果一个人将鼠标hover在特定房间(映射部分),如何显示小图片和段落。 这是javascript: $(function () { $(“.mapping”).maphilight(); $(“#mapping”).css(‘visibility’,’hidden’) $(“.hoverable”).css(“border”, “3px solid red”); 这是图像映射的html:

jQuery Isotope插件 – 添加内联“display:none” – 无法弄清楚原因

我正在尝试将Isotope添加到我的新Wordpress主题中。 问题是它不会显示,因为有些东西正在向主同位素包装器添加内联(display:none)样式。 它看起来像这样: 我刚刚在我的样式表中添加了以下CSS覆盖: .isotope { display:block !important; } 有没有更好的方法来解决这个问题? 我觉得这是一个俗气的解决方案……

JQuery移动底部导航栏又称粘性页脚

JQuery Mobile为粘性页脚导航栏提供了两种选择。 “内联”,它只是放在声明的页面和“固定”,如果你不滚动它将使它变得粘。 滚动后,它会消失。 我发现这种行为非常脆弱。 显然,可汗学院已经弄明白了,但由于某种原因,我实际上无法使用openapp mkt访问他们的移动网站: http ://www.jqmgallery.com/2011/03/07/khan-academy/ 我知道其他人已经问过这个,但jQuery Mobile现在不同了: jQuery Mobile:将页脚粘贴到页面底部 后来我可能只是尝试搞乱布局CSS(我试图避免以免破坏jquery移动) http://ryanfait.com/sticky-footer/

如何在一个选择器jQuery中显示和隐藏多个元素?

当我单击带有类hidden_element元素时,我想显示ID为hidden_element的隐藏元素,当我点击ID为hidden_element的元素时,关闭ID为hidden_element元素,如果我只是制作一个我的脚本可以正常工作,但我有三个元素有相同的CLASS和ID,它不能工作,有人请帮助。 这是我的剧本 Lorem Ipsum × Lorem Ipsum × Lorem Ipsum × 我的jQuery脚本是 $(this).find(“.show_hidden_element”).click( function(){ $(this).find(“#hidden_element”).show(); }); $(this).find(“#close_hidden_element”).click( function(){ $(this).find(“#hidden_element”).hide(); });

如何使用css打印页码

我想在打印时在每页打印页码。 我想通过关闭浏览器打印预览设置来实现这一点。 这是我的代码。 .rptFooter { counter-reset: footerNum; } .rptFooter:after { counter-increment: footerNum; content: “Page ” counter(footerNum) ” of ” counter(footerNum) ; } 我进入每一页 第1页,共1页