我正在使用bootstrap,试图使div之前有一个CSS三角形.
这是我的非工作代码:
.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之间没有间隙.我试图通过浮动元素来做到这一点,但没有成功.
所以,我在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中,让元素隐藏"顺畅"?
我正在尝试在我的快递应用程序中运行表单.我有一个中间件函数,它将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用于会话中间件): …
我正在尝试启动并运行一个非常基本的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是问题,但我无法弄清楚发生了什么.