小编ama*_*ori的帖子

CSS三角形:元素之前

我正在使用bootstrap,试图使div之前有一个CSS三角形.

http://jsfiddle.net/B2XvZ/11/

这是我的非工作代码:

.d:before {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #dd4397 transparent transparent;  
}
Run Code Online (Sandbox Code Playgroud)

我希望它的样子是在文本"this"之前有一个粉红色的左指三角形,它与div之间没有间隙.我试图通过浮动元素来做到这一点,但没有成功.

html css css-shapes

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

改变CSS溢出隐藏行为

所以,我在jQuery中制作了一个简单的动画进度条. 你可以在这里查看.

我在这篇文章中需要一些代码,所以这是我的CSS:

.progress {
  height: 14px;
  width: 300px;
  background: #111;
  border-radius: 5px;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  color: white;        
}

.filename {
  font-size: 10px;
  color: white;
  position: relative;
}

.progresstop {  
  padding: 4px;
  width: 40px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; 
  height: 8px;
  float: left;
  background: #c44639;
  vertical-align: middle;
  display: inline-block;
}

.arrow-right {
  width: 0px;
  height: 0px;
  border-style: solid;
  background: #111;
  border-width: 7px 7px 7px ;
  border-color: transparent transparent transparent #c44639;
  float: left;
  display: inline-block;
}
Run Code Online (Sandbox Code Playgroud)

我的问题:当进度条到达结尾时,当它们溢出div并且被隐藏时,元素"弹出"不存在,而不是在它们完全脱离div之前保持可见.具体来说,当CSS箭头到达末尾时消失,进度条的末尾从三角形变为一条线,这实际上是视觉上的不和谐.是否有任何方法可以改变这种行为,无论是在CSS还是jQuery中,让元素隐藏"顺畅"?

html javascript css jquery

5
推荐指数
2
解决办法
569
查看次数

在快递中提交表单时,CSRF令牌无效

我正在尝试在我的快递应用程序中运行表单.我有一个中间件函数,它将csrf标记req.session._csrf传递给res.locals.csrf_token,因此视图可以使用它.现在我正在尝试在我的视图中使用局部变量,我从会话中间件中得到一个禁止的错误.

这是我的表格代码 - 我正在使用把手作为我的模板引擎:

  <form method='post' action='/api/entries' enctype='multipart/form-data' >
    <input type='hidden' name='_csrf' value={{csrf_token}} />
    <input class='foo' type='text' />
    <input class='bar' type='text' />
    <button id='submit' type='submit'> SUBMIT
  </form>
Run Code Online (Sandbox Code Playgroud)

我试过引用带有和不带双花括号的csrf_token变量,但都不起作用.关于我做错了什么的任何想法?错误:Forbidden发生在我的路由函数之前甚至调用POST/to/api/entries.所以我很确定问题是我在引用csrf令牌时出错了.

*编辑:*关于"req.session._csrf已被弃用,请使用req.csrfToken()而不是"登录到控制台,我做了:

grep -r '_csrf' .
Run Code Online (Sandbox Code Playgroud)

在我的app目录中.这是输出..它看起来不像我在视图之外的任何地方引用它,我隐藏的CSRF字段被命名为"_csrf"..

./node_modules/express/node_modules/connect/lib/middleware/csrf.js:    var secret = req.session._csrfSecret;
./node_modules/express/node_modules/connect/lib/middleware/csrf.js:      req.session._csrfSecret = secret;
./node_modules/express/node_modules/connect/lib/middleware/csrf.js:      Object.defineProperty(req.session, '_csrf', {
./node_modules/express/node_modules/connect/lib/middleware/csrf.js:          console.warn('req.session._csrf is deprecated, use req.csrfToken() instead');
./node_modules/express/node_modules/connect/lib/middleware/csrf.js:  return (req.body && req.body._csrf)
./node_modules/express/node_modules/connect/lib/middleware/csrf.js:    || (req.query && req.query._csrf)
./v/home.hbs:    <input type='hidden' name='_csrf' value={{csrf_token}} />
./v/show.hbs:  <input type='hidden'  name='_csrf' value={{csrf_token}} />
Run Code Online (Sandbox Code Playgroud)

这是我在尝试POST到/ api/entries端点时得到的整个错误堆栈(我之前愚蠢地忽略了这一点,但我正在使用connect-redis用于会话中间件): …

node.js express

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

GL_VERSION字符串和glxinfo版本字符串不一致?

我正在尝试启动并运行一个非常基本的openGL应用程序.我有一台GTX 770,我安装了nvidia-361驱动程序.当我跑glxinfo | grep version,我得到:

OpenGL core profile version string: 4.5.0 NVIDIA 361.42

OpenGL core profile shading language version string: 4.5.0 NVIDIA

OpenGL version string: 4.5.0 NVIDIA

这会让人相信你的驱动程序支持OpenGL 4.5,对吗?

现在,我在我的基本应用程序中使用GLEW.我得到版本字符串并打印出来:

const GLubyte* version = glGetString(GL_VERSION);
printf("version: %s\n", version);
Run Code Online (Sandbox Code Playgroud)

当我运行程序时,我得到:

version: 3.2.0 NVIDIA 361.42

?????????????????????????

这里发生了什么事?我检查了我的libglew-dev版本,它是1.13.0.1.11.0中添加了OpenGL 4.5支持.所以我不认为GLEW是问题,但我无法弄清楚发生了什么.

c++ opengl

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

标签 统计

css ×2

html ×2

c++ ×1

css-shapes ×1

express ×1

javascript ×1

jquery ×1

node.js ×1

opengl ×1