小编daG*_*GUY的帖子

有没有人注意到IE9的CSS标准阴影的"标准"实现与其他浏览器不同？每当我使用box-shadow并设置模糊值时,IE9似乎渲染模糊的值大约是Firefox,Safari,Chrome和Opera的一半.

有没有办法解决？如果它在所有其他浏览器中看起来与box-shadow看起来不一样,那么IE9支持box-shadow作为标准属性究竟是什么意思呢？

(从技术上讲,Safari 5仍然只支持-webkit-box-shadow而不是标准的box-shadow属性,但它也恰好与Firefox 4,Chrome 11和Opera 11中的box-shadow渲染相同.IE9是奇怪的人out,尽管支持相同的标准box-shadow语法).

我正在使用a上的contenteditable属性,<div>以使其根据需要充当文本字段(供用户重命名).但我也想启用autofocus它,因此用户可以立即开始输入(<div>始终contenteditable最初启用).

这有效和/或可能吗？或者我是否必须切换到标准文本输入？

我需要按照创建的日期在我的网络应用中对一组项目进行分组.

每个项目都有一个确切的时间戳,例如1417628530199.我正在使用Moment.js及其" 从现在起的时间 "功能将这些原始时间戳转换为可读的日期,例如2 Days Ago.然后,我想将可读日期用作在同一日期创建的一组项目的标题.

问题是原始时间戳太具体了 - 在同一天创建的两个项目相隔一分钟,每个项目都有一个唯一的时间戳.所以我得到一个标题,2 Days Ago下面是第一个项目,然后2 Days Ago是下面第二个项目的另一个标题,等等.

将原始时间戳舍入到最近日期的最佳方法是什么,以便在同一日期创建的任何项目将具有完全相同的时间戳,从而可以组合在一起？

有没有办法为CSS中的后备字体指定不同的字体大小？我想做这样的事情(显然不起作用):

div {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 20px, 18px, 18px, 18px;
}

如果用户安装了Arial Narrow,那么Arial Narrow会显示为20px; 如果没有,浏览器将以18px的速度回落到Arial,然后是18px的Helvetica,等等.

或者,我可以使用JS来实现类似的效果吗？

如果该属性没有默认值,CSS中是否可以覆盖属性？

例如,假设您的主样式表定义了特定元素的边框:

#element {
  border: 1px solid #000;
}

如果要从辅助样式表禁用边框,可以执行以下操作:

#element {
  border: none;
}

假设辅助样式表在主要样式表之后加载,则border: none规则优先并删除边框.

但是,如果您尝试覆盖没有默认值或空值的属性,该怎么办？

#element {
  position: absolute;
  left: 0;
}

现在说,在你的辅助样式表中,你想要这样做:

#element {
  right: 0;
  top: 0;
}

你不想要任何价值left.没有这样的东西left: none;,所以...你如何"取消声明" left在主样式表中分配的属性？

我有一个包含五个列表项的无序列表,每个列表项都有一个链接:

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>

使用jQuery,每当我点击这些链接中的任何一个时,我想选择所有其他链接,然后对它们做一些事情(应用一个类等).

我该怎么做呢？

有没有办法创建动态Pinterest按钮？我正在尝试将Pinterest支持添加到主要内容是动态的站点,因此我只在页面源中有一个Pin It按钮,它固定了当前内容.

我无法找到使用预建Pin It按钮执行此操作的方法,因为它要求您提前指定硬编码的URL.

但是,还有一个Pin It bookmarklet可以实现我想要的效果 - 但这需要用户手动将其添加到书签栏.

有没有什么方法可以(a)修改Pin It按钮,或(b)以某种方式将书签集成到我的页面中,以便它可以固定任何当前页面内容？

有没有办法检测我网站的访问者是否运行Chromium而不是谷歌浏览器？即使是基本的UA嗅探(我知道这是不好的做法)也足以满足我的特殊情况,但看起来Chromium和Chrome 共享相同的UA字符串 - 这是正确的吗？有没有其他方法可以区分两者？

select当用户将鼠标悬停在它上面时,我正试图让一个盒子自动弹出,就好像他们点击了它一样.这可能吗？

我想我可以用jQuery轻松做到这一点......

$("#settings-select").mouseover(
    function(){
        $(this).trigger("click");
    }
);

但这没有任何作用.有任何想法吗？

我有<div>我的网页上有一个固定的高度,并overflow-y: scroll;设定这样,当它经过的底部边缘的内容将滚动<div>.没有什么不寻常的.

对于一些奇怪的原因,如果光标在鼠标滚轮只会滚动内容空白的<div>或者如果它是在滚动条本身.如果光标恰好位于其中的任何文本内容之上<div>,则鼠标滚轮将不会执行任何操作.

这种情况在Firefox和Chrome中都会发生,因此它不仅仅是特定渲染引擎的怪癖.

该<div>问题被叠加在另一个中通过顶部position: absolute;,所以我假设在某种程度上<div>它背后与鼠标滚轮事件干扰-但是你会觉得这个问题将反转(在<div>将滚动时光标是在文字,而不是空白空间).

以前有人见过这样的事吗？我很难过!