小编Cha*_*III的帖子

CSS多输入[类型]选择器

根据W3 ​​CSS规范,类似于:input[type~="text password"]应该选择类型设置为"text"或"password"的输入字段,但它不起作用!我误解了这条线吗?

E [foo~ ="warning"]匹配任何E元素,其"foo"属性值是空格分隔值列表,其中一个值与"warning"完全相同.

CSS规范来源,它是表格底部的第四个.

css

33
推荐指数
2
解决办法
4万
查看次数

有溢出的css伪选择器吗?

我试图改变某种东西的风格,而不是它的父div正在溢出.

.pDiv { display: block; width: 300px; height: 100px; border: 1px solid rgb(0,0,0); }
.cDiv { display: block; padding 4px; border-bottom: 1px solid rgb(0,0,0);
.pDiv:overflow .cDiv { border-bottom: none; }

<div class="pDiv"><div class="cDiv">child 1</div><div class="cDiv">child 2</div><div class="cDiv">child 3</div><div class="cDiv">child 4</div><div class="cDiv">child 5</div></div>
Run Code Online (Sandbox Code Playgroud)

有可能做这样的事吗?我会使用last-child伪选择器,但子项的数量可能会有所不同,所以我希望它仅在父div被溢出时才删除last-child的border-bottom.我也想要一个纯CSS解决方案,没有JS!

html css css-selectors pseudo-class

25
推荐指数
1
解决办法
8317
查看次数

右对齐后伪

我正在尝试使用CSS3伪:在li元素之后.问题是:以下内容紧跟在li内容之后 - 好像:之后使用text-align:left; 但是因为我的li元素使用display:block; 不应该使用text-align:right; 上:移动后:内容一路向右走?反正它也没有.

.container ul li    {
    display: block;
    border-bottom: 1px solid rgb(60,60,60);
    border-top: 1px solid rgb(255,255,255);
    padding: 5px 5px 5px 30px;
    font-size: 12px;
}

.container ul li:after {
    content: ">";
    text-align: right;
}
Run Code Online (Sandbox Code Playgroud)

这是问题的屏幕截图:

:没有做我想做的事

我希望>在右边一直都是,并且由于li的内容发生了变化,我无法在内容之后设置宽度.

我如何得到:在内容与右边对齐后,如果没有文本对齐?

css list alignment css3

20
推荐指数
2
解决办法
2万
查看次数

XHR.send(文件+参数)?

我试图找出如何在同一XMLHttpRequest中发送文件和参数.这可能吗?

显然我可以做xhr.send(file + params)或xhr.(file,params).而且我认为我不能设置两个不同的请求标头来执行此操作...

xhr.setRequestHead('X_FILENAME', file.name)
xhr.send(file);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(params);
Run Code Online (Sandbox Code Playgroud)

有没有办法发送params而不必使用GET或次要xhr请求?

javascript ajax html5 xmlhttprequest

7
推荐指数
2
解决办法
6922
查看次数

如果没有文件输入,则禁用文件拖放

我认为解决这个问题的方法是盯着我,但我似乎无法找到它.

所以,我正在创建一个具有小文件上传部分的网站.上传部分可以为不同的设备和设备方向(即iPhone,iPad,纵向和横向)上传图像.我可以很容易地弄清楚如何在各个设备图标上实现拖放,但如果用户错过掉落区域,浏览器将只导航到他们系统上的该图像.如果没有文件输入类型来接收拖动的文件,如何禁用拖放?

javascript drag-and-drop file-upload fileapi

6
推荐指数
1
解决办法
1万
查看次数

当我打开网络检查器时,Chrome 正在缩小视口

出于某种原因,每当我在 Chrome 中打开网络检查器时,浏览器的视口都会缩小。修复它的唯一方法是关闭检查器。有谁知道如何解决这个问题,这样它就不会改变视口大小?

镀铬故障

google-chrome viewport web-inspector

5
推荐指数
1
解决办法
1643
查看次数

Javascript替换Child/Loop问题

我有一个非常奇怪的问题,我有一个forloop,它应该用"原始"类替换所有div,用"new"类替换文本输入.当我运行循环时,它只用输入替换每个其他div,但如果我运行循环只是替换div的类而不是将标记更改为输入,它会执行每一个div,而不仅仅是做其他人.

这是我的循环代码,以及实时版本的链接:这里的实时版本

function divChange()    {
    var divs = document.getElementsByTagName("div");
    for (var i=0; i<divs.length; i++) {
        if (divs[i].className == 'original') {
            var textInput = document.createElement('input');
            textInput.className = 'new';
            textInput.type = 'text';
            textInput.value = divs[i].innerHTML;
            var parent = divs[i].parentNode;
            parent.replaceChild(textInput, divs[i]);
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript for-loop parent-child

5
推荐指数
1
解决办法
629
查看次数

IE9没有运行javascript onload

出于某种原因,当第一次启动浏览器时,IE9没有运行我的JavaScript代码onload.它似乎只在用户刷新页面后运行onload.它还将在调试控制台打开时运行JavaScript.

如何使JavaScript在浏览器打开后运行onload?这只是IE9的一个错误吗?

我将重申这一点,以便您理解:如果您在启动新的浏览器会话后访问该站点,则代码不会运行.代码DOES,如果你在新标签中打开该网站,或重新载入页面,或打开调试控制台运行

这是我用来运行脚本onload的函数(在NORMAL浏览器中可以正常工作):

(function (i) {
  var u = navigator.userAgent;
  var e = /*@cc_on!@*/
  false;
  var st = setTimeout;
  if (/webkit/i.test(u)) {
    st(function () {
      var dr = document.readyState;
      if (dr == "loaded" || dr == "complete") {
        i()
      } else {
        st(arguments.callee, 10);
      }
    }, 10);
  } else if ((/mozilla/i.test(u) && !/(compati)/.test(u)) || (/opera/i.test(u))) {
    document.addEventListener("DOMContentLoaded", i, false);
  } else if (e) {
    (function () {
      var t = document.createElement('doc:rdy');
      try { …
Run Code Online (Sandbox Code Playgroud)

javascript internet-explorer-9

4
推荐指数
1
解决办法
2万
查看次数

来自Safari的Mountain Lion通知中心

是否可以使用类似于alert()函数的东西使用javascript向通知中心发送通知?我试过谷歌搜索,但它只是提出苹果网站10.8功能.如果可能的话,任何关于如何做到这一点的指示都会很棒......

javascript osx-mountain-lion

4
推荐指数
1
解决办法
4845
查看次数

HTML5音频输出修补

我想知道是否有办法在HTML5/JavaScript中控制音频输出设备修补?例如,如果用户希望我的网络应用程序中有一个声音可以用于一个音频设备,而另一个声音来自不同的音频设备.我知道用户可以在他们的计算机上设置默认输出设备,但对于我正在处理的网络应用程序,我希望他们能够在播放其他声音时将单个声音发送到各个输出,类似于下面的界面(来自一个名为QLab的程序).

我觉得明显的答案是否定的,我不想诉诸于使用flash或java.我可以写一些与javascript接口的浏览器插件.

QLab截图

javascript audio html5 html5-audio

4
推荐指数
3
解决办法
3942
查看次数