小编Jam*_*lly的帖子

当尝试提取一个月的第一天时,如何处理夏令时?

如果我尝试提取 11 月的第一天数字,效果很好:

var d = new Date(2013, 10, 1);    // 1st of November 2013
d.toISOString();                  // 2013-11-01T00:00:00.000Z (November)
d.getDay();                      // 5 (Correct, 1st of November = Friday = 5)
Run Code Online (Sandbox Code Playgroud)

然而,由于英国的夏令时(时钟在 10 月底前进一小时),如果我尝试拉出 10 月的第一天,日期最终会设置为前一天的 23:00:

var d = new Date(2013, 9, 1);     // 1st of October 2013
d.toISOString();                  // 2013-09-30T23:00:00.000Z (September)
d.getDay();                      // 2 (Last day number of September)
Run Code Online (Sandbox Code Playgroud)

我该如何处理这个问题,以便无论夏令时如何(以及用户身在何处的任何其他时钟调整),我总是在每月 1 日得到 00:00:00?

javascript

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

固定背景滚动效果

简短的问题:如何用css实现这种滚动效果? - >

http://focuslabllc.com/

我已经尝试过了:

#one {
    background: url(http://images.buzzillions.com/images_products/07/02/iron-horse-    maverick-elite-mountain-bike-performance-exclusive_13526_100.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
}

#two {
    background: url(http://img01.static-nextag.com/image/GMC-Denali-Road-Bike/1/000/006/107/006/610700673.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
}
Run Code Online (Sandbox Code Playgroud)

谢谢!:)

css scroll background css3

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

我可以缩短我的CSS吗?

这是我原来的CSS应用不同的颜色背景:

.one-colour {
    background-color:#153a63;
}

.two-colour {
    background-color:#f16c24;
}

.three-colour {
    background-color:#337db9;
}
Run Code Online (Sandbox Code Playgroud)

我知道你可以做多个CSS类,比如 .one.two.three {...}

但是我的CSS是否尽可能缩小了?我并不只是将代码放在一行上以使其"更短".

css code-cleanup

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

如何使CSS不做某事

有可能让css不做某事吗?

例:

ol {
    counter-reset: item;
}

ol.someClassname {
    NOT counter-reset: item;
}
Run Code Online (Sandbox Code Playgroud)

我知道你应该只是切换类来使它工作.这不是一个真正的问题,我只是想知道它是否可行,谢谢

css css-content

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

检查 <li> 是否是具有特定类的 ul 中的最后一个

我有一个像这样的清单

<ul>
  <li class="tool"></li>
  <li class="tool"></li>
  <li class="tool"></li>
  <li class="tool"></li>
  <li class="example"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我正在尝试检查某些内容,例如$('li').is('.tool:last')查看某个列表是否在列表中的最后一个,我需要忽略.example一个列表,因此不能真正:last-child在此处使用,但由于某种原因我没有得到所需的结果。如何检查列表是否位于具有类的列表中的最后一个.tool

javascript jquery jquery-selectors

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

如何获取浏览器窗口的高度,然后将div的高度设置为该值

所以,当我打开一个页面时,我想获得全高背景图像. 像这样

我还没有开始使用jquery,所以如果你能帮助我使用基本的js.这是我到目前为止所尝试的,但它没有用.

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <script type="text/javascript" src="assets/js/basic.js"></script>
    <meta charset="UTF-8"> 
  </head>
  <body>
    <header>
      <div id="front-page" class="window_height_picture" onload="get_window_height()">
      </div>
    </header>
  </body>   
</html>
Run Code Online (Sandbox Code Playgroud)

这是我的.js文件:

function get_window_height() {
    var window_height = window.innerHeight;
    document.getElementById('front-page').style.height = window_height + 'px';
}
Run Code Online (Sandbox Code Playgroud)

我确实搜索过这个,但找不到我想要的东西.你能告诉我哪里错了,或者给我一个更好的代码.

javascript css height html5 javascript-events

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

a.push()在数组中添加了什么值?

我的问题是,如果在javascript中,我创建一个数组a = [2, 3, 4, 5]并输入 a[5] = 10,然后a.push(5)编译器将数组的末尾添加5或第一个未定义的位置?

我发现它增加了数组的末尾,就是这样a[6] == 5.但后来我的问题是编译器如何找到一个数组已经结束?当然,如果数组识别出未识别的值,则无法确定数组是否已结束,因为数组将在值5之后结束.那么,它是如何知道数组已经结束的呢?

javascript arrays

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

如何取消.table宽度:100%在bootstrap css中

我想让我的桌子不占用所有空间.在我bootstrap.css,我有:

.table {
    width: 100%
...
Run Code Online (Sandbox Code Playgroud)

在Chrome开发者工具中,我取消它并且表格缩小了.
如何在不修改引导程序文件的情况下在CSS文件中覆盖它.
谢谢

css twitter-bootstrap

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

FontAwesome Icon不显示不确定原因

我在下面有一个简单的片段,尝试使用CSS显示一个图标,content但不知道为什么它不显示,但是如果我直接放置类(现有的类fontawesome然后显示)而不是我的CSS.

不知道我在这里缺少什么,有人可以看看这里有什么不对吗?

.search-block {
  max-width: 850px;
  width: 100%;
  margin: 0;
  position: relative;
  width: 100%;
  background: #e5e5e5;
  border-radius: 4px;
  padding: 5px 10px;
  box-sizing: border-box;
}
.search-block > .microphone-icon {
  position: absolute;
  right: 0;
  font-family: FontAwesome;
  content: "\f130";
  font-size: 18px;
  color: #fff;
  width: 50px;
  height: 50px;
  background: #f00;
  top:0;
}
Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="search-block">
  <h2 class="search-result"></h2>
  <span class="microphone-icon"></span> 
  <span class="search-icon"></span> 
</div>
Run Code Online (Sandbox Code Playgroud)

html css font-awesome

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

溢出:隐藏在Chrome中不起作用

我有一个简单的HTML如下,我添加样式溢出:隐藏,以阻止浏览器滚动,它适用于所有浏览器,除了Windows版本的chrome请帮帮我?

<body style="background-color:yellow; overflow: hidden;">

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
.
.
.
dddddddddddddddddddd
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css browser

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