小编BSM*_*SMP的帖子

如何使div下方的链接可点击

我在一个 div 下有一个链接,高度和宽度为 100%,固定位置和 z-index: 5。我需要将此 div 保持在我的链接上方,但链接不起作用。我可以使链接工作但将此 div 保留在我的链接上方吗?

https://jsfiddle.net/8hu90e9x/1/

div {
  background:grey;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  opacity:0.5;
  z-index:5
}

a {
  font-size:50px;
  z-index:0
}
Run Code Online (Sandbox Code Playgroud)
<a href="http://google.com"> My link</a>

<div></div>
Run Code Online (Sandbox Code Playgroud)

html css z-index hyperlink

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

如何使用 d3js 制作颜色渐变条

我正在尝试使用 d3js 实现渐变条,因此通过提供 2 种颜色,我需要显示从第一个颜色值开始并以另一个颜色值结束的渐变颜色。

所以它看起来类似于:

右侧带有数字的垂直渐变条

这是我使用六边形 bin 实现的散点图的图例,其中 bin 颜色表示每个点的频率。由于我正在动态构建数据,因此我需要将其附加到另一个动态构建的 SVG 中。

html javascript d3.js

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

如何使用光滑滑块用进度条替换计时器分页

所以,我正在尝试复制apple.com风格的轮播。我想要计时器分页,到目前为止我已经完成了这么多:jsfiddle

如何用进度条替换分页按钮?这是我到目前为止所拥有的:

$(document).ready(function() {
  var time = 2;
  var $bar,
    $slick,
    isPause,
    tick,
    percentTime;

  $slick = $('.slider');
  $slick.slick({
    draggable: true,
    adaptiveHeight: false,
    dots: true,
    mobileFirst: true,
    pauseOnDotsHover: true,
  });

  $bar = $('.slider-progress .progress');

  $('.slider-wrapper').on({
    mouseenter: function() {
      isPause = true;
    },
    mouseleave: function() {
      isPause = false;
    }
  })

  function startProgressbar() {
    resetProgressbar();
    percentTime = 0;
    isPause = false;
    tick = setInterval(interval, 10);
  }

  function interval() {
    if (isPause === false) {
      percentTime += 1 / (time …
Run Code Online (Sandbox Code Playgroud)

javascript jquery carousel

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

如何一个接一个地修改多个元素

我正在研究一个图像推子.我有它,以便它淡化图像选择的图像(或在这种情况下div与背景颜色)getElementById,但我想知道如何修改JavaScript代码以选择所有div元素并逐个淡出,一个接一个.

var c = document.getElementById("one");

function fade(){
  if (!c.style.opacity){
    c.style.opacity = 1;
  };
  
  var interval = setInterval (fadeout, 200);
  
  function fadeout(){
    c.style.opacity -= .05;
    
    if (c.style.opacity <= 0){
      clearInterval(interval);
    };
  };
};

fade();
Run Code Online (Sandbox Code Playgroud)
#container{
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 350px;
  height: 350px;
  background-color: rgb(200,200,200);
}

.inner{
  position: absolute;
  margin: 0 auto;
  left: 25px;
  top: 25px;
  width: 300px;
  height: 300px;
}

#one{
  background-color: rgb(100,100,100);
}

#two{
  background-color: rgb(0,160,230);
}

#three {
  background-color: rgb(0,255,130);
}

#four{
  background-color: …
Run Code Online (Sandbox Code Playgroud)

javascript

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

使用非拉丁字符串作为键在Python中使用元组排序

我已经弄清楚如何对返回带有false的元组的列表进行排序.当语言为英语时,此键可用,但在翻译成日语时不起作用.

key=lambda x:(x.name!='Iraq', x.name)
Run Code Online (Sandbox Code Playgroud)

这个不行.

key=lambda x:(x.name!='???', x.name)
Run Code Online (Sandbox Code Playgroud)

对此有何想法?

python

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

粘滞位置在IE或Safari中不起作用

我正在用CSS创建卡。它在Chrome中运行正常,但在IE / Safari浏览器中不起作用。

#nb {
    position: sticky;
    width: 280px;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
#nb:hover:after {
    background: #f79031!important;
}
#nb::after {
    content: '';
    position: absolute;
    width: 940%;
    height: 100%;
    top: 170px;
    right: -502%;
    background: #ffffff;
    transform-origin: 54% 0;
    transform: rotate(129deg);
    z-index: -1;
}

#nb h5{text-align: left;
line-height: 25px;
padding-left: 7%;}
Run Code Online (Sandbox Code Playgroud)
<div id="nb">
	<a href="http://www.wissentechnology.com/banking-financial/"><img
		class="bimg"
		src="https://wissen-kenvent.rhcloud.com/wp-content/uploads/2017/05/Banking-Financial.jpg"
		style="width: 100%;" />
		<h5 style="font-size: x-large; color: #000000; padding-top: 15px;">Banking
			& Finance</h5>
		<h4
			style="color: #000000; padding-top: 15px; text-align: justify; …
Run Code Online (Sandbox Code Playgroud)

html css internet-explorer

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

使用箭头功能时,this.setState不是函数

console.log打印出正确的数字,但this.setState引发错误.我以为我是使用箭头功能正确绑定它.

export default class App extends React.Component {

constructor(props) {
  super(props);
  this.emotion='happy';
  this.state = {
      idList:[]
  };
 }

componentWillMount() {
 this.getEmotionIDs();
}


getEmotionIDs = () => {
   firebase.database().ref(this.emotion).once('value').then(function(snapshot) {
      console.log("IDs: " + snapshot.val());
     this.setState({ idList: snapshot.val()});

  });
}   


render() { 

   return (
 ....
  )
Run Code Online (Sandbox Code Playgroud)

react-native

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

计算txt文件中最常用的单词

我正在尝试获取 txt 文件中 10 个最常用单词的列表,最终目标是构建词云。当我打印时,以下代码不会产生任何结果。

>>> import collections
>>> from collections import Counter
>>> file = open('/Users/Desktop/word_cloud/98-0.txt')
>>> wordcount={}
>>> d = collections.Counter(wordcount)
>>> for word, count in d.most_common(10):
    print(word, ": ", count)
Run Code Online (Sandbox Code Playgroud)

python count

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

无法使用 vue-html2pdf 将 HTML 代码转换为 PDF

我在 vuejs 中有一个项目,我必须使用 vue-html2pdf。

当我在标签中写入文本时:<section>something</section>生成我的 PDF。但是当我在 tag: 中写入时<section><p>something</p></section>,我的浏览器崩溃了。

这是我在 vuejs 中的代码:

<vue-html2pdf
    :show-layout="false"
    :preview-modal="true"
    :paginate-elements-by-height="10"
    :filename="test"
    :pdf-quality="2"
    :pdf-format="size"
    :ref="ref"
>
    <section slot="pdf-content">
        <section class="pdf-item">
            <img :src=url>
        </section>
    </section>
</vue-html2pdf>
Run Code Online (Sandbox Code Playgroud)

还有我下载PDF的功能:

function generateReport() {
  this.$refs.html2Pdf.generatePdf();
}
Run Code Online (Sandbox Code Playgroud)

html2pdf vue.js

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

JavaScript removeChild不起作用

我正在使用此JavaScript代码从页面中删除一些元素,但它无法正常工作.当我用Opera Dragonfly检查代码时,它说:

Uncaught exception: Error: WRONG_ARGUMENTS_ERR
Run Code Online (Sandbox Code Playgroud)

并指向文件和函数名称.

奇怪的是,我在同一页面上的另一个函数中使用完全相同的代码,它可以正常工作.代码非常小而且简单:

var docBody = document.getElementById("body");
if(document.getElementById("marginDiv")){
  docBody.removeChild("marginDiv");
}
Run Code Online (Sandbox Code Playgroud)

双方bodymarginDiv在页面上存在.我的目标是在单击背景时使缩略图消失.

javascript removechild

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

我无法用CSS更改链接的颜色

这是我的链接:

<div id="yabnetwork">
    Bu site bir <a target="_blank" href="http://yusufalibozkir.com" title="Yusuf Ali Bozkir Network  <br/>Tel:.......... <br/>info@yusufalibozkir.com">YAB Network</a> urunudur.
</div>
Run Code Online (Sandbox Code Playgroud)

我的这个div的CSS样式:

#yabnetwork{
    font-size:15px;
    text-align:right;
}     

#yabnetwork a{
    color:red;
}
Run Code Online (Sandbox Code Playgroud)

为什么我的链接不是红色的?我无法改变它们.

css

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

为什么我的变量不在其范围之内

我的理解是在循环完成执行后,在内存中创建的变量或者从内存中释放/循环的变量(参见参考文献1).但是为什么下面的代码显示变量正在使用PREVIOUS循环中的值?那是因为stringstream变量有一些特殊的力量吗?

以下是我的C++代码片段:

#include <iostream>
#include <sstream>
#include <string>
using namespace std;

int main(){
    string str="1A2";
    stringstream ss(str);
    int intVar;
    while(ss.good()){
        char charVar;
        ss >> intVar;
        ss>> charVar;
        cout<<"intVar="<<intVar << " charVar="<<charVar<<endl;
    }   
}
Run Code Online (Sandbox Code Playgroud)

以下2行是实际输出:

intVar=1 charVar=A
intVar=2 charVar=A
Run Code Online (Sandbox Code Playgroud)

为什么它不是以下2行?

intVar=1 charVar=A
intVar=2 charVar=
Run Code Online (Sandbox Code Playgroud)

c++ scope

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

使用CSS创建帮助图标

现在我使用锚标记为帮助图标生成问号.看起来像这样

在此输入图像描述

但我希望问号看起来像这样:

在此输入图像描述

我不确定如何用CSS来设计它看起来像第二个.如何创建1)圆圈和2)具有渐变的背景?

html css image

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