小编thi*_*dot的帖子

使用HTML5的File API,上传是通过upload在XMLHttpRequest.中调用的对象进行的.这是我正在使用的教程(以及Google缓存镜像,因为它现在已经关闭).这是相关部分:

// Uploading - for Firefox, Google Chrome and Safari
xhr = new XMLHttpRequest();

// Update progress bar
xhr.upload.addEventListener("progress", function (evt) {

如您所见,为了跟踪上传进度,该XMLHttpRequest对象有一个名为的属性upload,我们可以添加一个事件处理程序.

我的问题是:jQuery是一个等价的吗？.我试图让代码尽可能干净,并且尽可能地跨浏览器兼容,因为每当微软认为这是一个好主意时(尽管听起来会像2012年或2013年那样).

我有一个display设置为的链接inline-block,旁边是一个<div>高度相同的链接.然而,它在<div>某种程度上向下偏移,我不知道为什么.

这是一个jsFiddle:http://jsfiddle.net/2bWjx/1/

发生了什么

#stats(灰色)显得低于a.sector one-letter.

我想要发生什么

#stats应该同样设置(顶部和底部在同一点)a.sector one-letter.

我一直在努力解决这个问题,并且可以使用一些帮助.应该是一个简单的修复!

在此先感谢您的帮助!

我正在使用jQuery滑块来调整包含段落文本的DIV的填充.当我平均增加所有边上的填充时,它应该强制将封闭的段落放在页面中心的一个更窄的列中.

这适用于Firefox,但在Chrome中,段落宽度保持不变(即它们不会随着DIV的填充推入它们而变窄),因此将布局推向右侧.

我在这里重新创建了这个问题:jsfiddle.net/ms3Jd.您可以在Chrome和Firefox中试用它来查看差异.

有关如何强制Chrome刷新所附段落的任何想法？

这是我所知甚至不知道如何处理的"血腥地狱"问题之一.

我有这个网站: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不会导致此问题.

我目前有一个<ul><li>使用以下代码的css 下拉菜单.不幸的是我希望子菜单显示在2列中,因为该子菜单中有大约16个项目.有谁知道如何使用以下代码使这个下拉菜单2列？

.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
}
.menu ul{
    background:#006633;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
}
.menu li{
    float:left;
    padding:0px;
}
.menu li a{
    background:#006633 url("../images/seperator.gif") bottom right no-repeat;
    color:#ffffff;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
    background: #003f20 url("../images/hover.gif") bottom center no-repeat;
    color:#FFFFFF;
    text-decoration:none;
}
.menu li ul{
    background:#006633;
    display:none; …

我有一种情况,我的CSS应用的样式不适用于被样式化的对象.这是我的site.css文件中的确切代码...

.rules aside {  
    width: 270px;  
    right: 0px; 
    top: 0px; 
    float: left;
}

.rules aside h3 { 
    border-bottom-width: 2px; 
    border-bottom-style: solid; 
    border-bottom-color: #2A2A2A; 

    padding-bottom: 6px; 
    padding-top: 11px; 

    margin-bottom: 0px; 

    color: #F0E29A; 
    font-size: 14px; 
    letter-spacing: -0.5px; 
    text-transform: uppercase; 
}

现在这里有一些利用它的HTML ......

<article class="content rules">
   <section>
   // ...
   </section>
   <aside>
     Some Content
   </aside>
</article>

这是Chrome的Inspector为<aside>元素显示的CSS标记.

.rules aside {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #2A2A2A;
padding-bottom: 6px;
padding-top: 11px;
margin-bottom: 0px;
color: #F0E29A;
font-size: 14px;
letter-spacing: -0.5px;
text-transform: uppercase; …

有没有办法使用CSS隐藏滚动条,同时仍然保持其功能？甚至使它透明或背景的相同颜色将是好的.我必须在JavaScript中执行此操作吗？

示例:http://jsfiddle.net/wCFBw/25/

input {
    color: black;
}

<input type="text" value="This is black" />
<input type="text" disabled="disabled" value="Why this is not black?" />

我有一个CSS文件,其@font-face声明通过数据URI嵌入字体文件:

@font-face {
    font-family: 'Custom-Font';
    src: url('eot/font.eot');
    src: url('eot/font.eot?#iefix') format('embedded-opentype'),
        /* ugly FF same-Origin workaround... */
        url("data:application/octet-stream;base64,d09GRgABAAAAA ... ") format('woff'),
        url('ttf/font.ttf') format('truetype'),
        url('svg/font.svg#Custom-Font') format('svg');
    }

使用数据URI嵌入字体会导致IE <9无法加载字体.如果我删除该行(或将其更改为引用该.woff文件),IE将加载该字体.

这个CSS怎么会混淆IE？

背景:我有一个页面,可以从不同的域(CDN)加载嵌入的字体.不幸的是,Mozilla 需要Access-Control-Allow-Origin在不同域提供的嵌入式字体上使用CORS头()(在我看来,滥用 CORS和糟糕的想法).由于我无法控制的原因(官僚主义),我无法在字体文件上发送CORS标题,所以我坚持通过数据URI将字体文件嵌入CSS文件的次优情况.

我们刚刚推出了一个新的基于ASP.NET MVC的网络应用程序,可以在所有桌面连接和所有移动设备(如iPhone等)上正常工作.但是,当某些页面通过3G连接查看时(通过3G)在笔记本电脑上或直接在移动设备上加密狗,空白的白页不提供任何内容.看起来好像我们已经返回了一个空请求.

在某些代理网络上,我们遇到了类似的问题,他们说我们的请求规模太大了.这种情况是有道理的,因为它只影响某些页面,我认为移动网络提供商可以运行各种代理服务器.

但是,我无法找到任何有关构成过大请求的信息.我已经分析了其中一个有问题的页面,这里有一些我认为可能相关的统计数据:

HTML内容大小: 33.04KB压缩,50.65KB未压缩
所有样式表的总大小(4个文件):压缩32.39KB,未压缩181.65KB
所有外部JS的总大小(24个文件):压缩227.82KB,未压缩851.46KB

对我来说,内容的压缩大小并不过分,但也许我错了.任何人都可以建议我可以做些什么来解决这个问题,因为我很难找到任何有关此问题的确切信息.