-
0 votesanswersviews
基金会的移动菜单断点
当我调整浏览器大小时, mobile menu 显示在默认断点所在的 568x320 处 . 所以我想做的是在 900px 周围创建一个断点来摆脱菜单问题(菜单很大),如下图所示,但我不知道该怎么做 . 我想出来了.316811_吨 . 有帮助吗? Fiddle here . 谢谢 . <nav class="top-bar" data-topbar role=&q... -
0 votesanswersviews
基础6在小断点处改变沟槽尺寸
在Foundation 6中有一种方法可以将小断点中的装订线大小更改为与settings.scss中的装订线大小不同的内容吗?现在我将 $grid-column-gutter 设置为90px,但我是最好的方法吗? -
2 votesanswersviews
无法使用居中的大播放按钮暂停VideoJS播放器
我已将我自定义的VideoJS播放器中的 .vjs-big-play-button 更改为覆盖整个视频区域的100%宽度和高度的半透明覆盖 . 当你播放和暂停视频时,我也希望它能够淡入淡出 . 它工作正常,但现在点击视频区域不再暂停视频 . 要暂停视频,我必须单击控制栏中的小播放暂停按钮 . VideoJS在 .vjs-big-play-button 上使用了 display: none ,删除了... -
0 votesanswersviews
如何使videojs进度条响应点击/点击从右到左?
我几乎可以让所有videojs player(版本4.6.4)从右向左播放 . 在css中, transform: scale(-1, 1) 翻转 .vjs-default-skin .vjs-control ,有了它,甚至 .vjs-play-progress 条加载RTL . But 点击 .vjs-slider 以推进或回放视频作品LTR . 例如,如果 .vjs-play-progre... -
5 votesanswersviews
VideoJS:无法点击视频顶部/叠加层上的元素
我正在使用VideoJS和Angular 4,我需要在视频之上添加一些自定义叠加层 . 我成功创建了所有叠加层并将它们连接到Angular组件上的事件 . 除了在fullcsreen中,它完美地工作 . 当我将视频全屏显示时,叠加层消失,我只能使用默认的播放器按钮 . 所以我在叠加层上添加了一个很大的z-index,它们就开始出现了 . 但每当我点击它们时,都没有任何反应 . 根据CSS,甚至光标... -
194 votesanswersviews
在Chrome / Mac上强制DOM重绘/刷新
每隔一段时间,Chrome都会错误地呈现完全有效的HTML / CSS或根本不呈现 . 通过DOM检查器深入挖掘通常足以让它实现其方式的错误并正确地重绘,因此可以证明标记是好的 . 这种情况在我正在进行的项目中经常(并且可预测地)发生,因为我已经将代码放在适当位置以在某些情况下强制重绘 . 这适用于大多数浏览器/操作系统组合: el.style.cssText += ';-webkit-trans... -
0 votesanswersviews
离子自定义警报组件模板
我正在尝试为我的Ionic 3实现一个弹出对话框,用于确认从集合中删除对象 . 我想象的完美流程是这样的:出现一个带有问题"Delete item? Yes No"的警报,点击是后,一个微调器显示 inside 警告,表示请求被发送到服务器和待处理的响应 . 收到回复后,我希望警报能够顺利转换为确认警报,如下所示: 不幸的是,我发现不可能为离子中的警报组件提供自定义模板 . 从... -
689 votesanswersviews
表中两行之间的空格?
这可能通过CSS吗? 我尝试着 tr.classname { border-spacing: 5em; } 无济于事 . 也许我做错了什么? -
1685 votesanswersviews
CSS三角形如何工作?
CSS Tricks - Shapes of CSS上有很多不同的CSS形状,我对三角形感到特别困惑: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid... -
172 votesanswersviews
谷歌 Map 缩放控制搞砸了
我使用Google Maps API(v.3)显示带有几个标记的 Map . 我最近注意到用于缩放 Map 的控件搞砸了(它并不总是这样) . 我不知道原因是什么 . 更新 这篇文章最初有一个指向您可以查看问题的页面的链接,但链接现在已经破了,所以我已将其删除 . -
147 votesanswersviews
Twitter Bootstrap CSS影响谷歌 Map
我正在使用Twitter Bootstrap,并拥有Google Map . Map 上的图像(例如标记)正在由Bootstrap中的CSS倾斜 . 在Bootstrap CSS中有: img { border: 0 none; height: auto; max-width: 100%; } 当我使用Firebug禁用 max-width 属性时,标记图像显示为正常 ... -
-1 votesanswersviews
如何使手风琴在悬停时部分扩展,然后在点击时完全打开?
是否有可能使手风琴部分扩展,然后在点击时完全打开? 我一直在使用以下手风琴,但我正在努力让这个工作 . http://jqueryui.com/accordion/ 我希望能够控制手风琴在悬停时打开的高度,然后让它在点击时完全打开 . 感谢您提供的任何帮助 . -
3 votesanswersviews
phantomjs不正确的pdf渲染
我正在尝试从html页面生成pdf . html非常简单,并为每个页面呈现居中的图像 . 当我渲染html时,我的工作正常,但当我尝试用node-html-pdf创建一个pdf时,它没有 . 我还在github上创建了一个小型快递应用程序来重现问题:https://github.com/aschmid/phantomjs2pdf pdf中的奇怪之处是前2页正确呈现 .然后每个页面的大小是前一个页... -
1 votesanswersviews
控制phantom-html2pdf文件的布局
我正在使用phantom-html2pdf在Node应用程序中动态生成pdfs . 转换有效,但布局完全关闭 . 例如,html文档是一个由有时具有两列并排的部分组成的表单 . 我正在使用MUI css进行一些样式和布局,这些样式和布局在PDF转换之前已经内嵌到HTML中 . 在PDF转换之后,所有内容都在一列中,尽管事实上我有 class="mui-col-md-6" 的di... -
1 votesanswersviews
将点击javascript事件应用于JSP中的标头而不是使用<a>标签
我目前有一个带有切换按钮的 Headers ,它会在点击时展开 . Html: <h3 class="toggle_header" id="Tax_information_eSignature"> <a href="javascript:void(0);" class="icon_toggle_open... -
0 votesanswersviews
Angular 2/4/6独立显示和隐藏div
我在Angular做新事物是相当新的,所以我可能会忽略一些事情: 我用* ngFor生成多个div行 . 每行都有一个切换按钮和一个隐藏的子div(并且子div也可以有隐藏的子div) . 我想要尝试做的是在单击切换按钮时单独显示和隐藏子div(并且切换按钮图标也应该更改) . 我设法让它同时打开所有div,或者当点击一行时切换它将打开子div . 但是,当我点击另一个时,它将关闭之前单击的一个并... -
190 votesanswersviews
通过S3从Amazon CloudFront提供gzip CSS和JavaScript
我一直在寻找让我的网站加载更快的方法,我想探索的一种方法是更多地使用Cloudfront . 因为Cloudfront最初并非设计为自定义源CDN,并且因为它不支持gzipping,所以到目前为止我一直使用它来托管我的所有图像,这些图像在我的站点代码中由他们的Cloudfront cname引用,并且远远优化了-futures Headers . 另一方面,CSS和javascript文件托管在... -
1 votesanswersviews
Odoo和WkHtmlToPDF:字体问题
谷歌搜索几个小时后,我仍然无法在Odoo生成的PDF中显示自定义字体 . 非常感谢,非常感谢!这是完整的故事 . 我创建了一个继承account.report_invoice_document的自定义报告 . 这是必需的,因为定制发票以显示额外信息(例如,协调系统代码摘要) . 我还被要求使用自定义字体来自定义发票的布局 . 在这个模板中,我添加了一个内联样式表并将font-face应用于整个文档... -
0 votesanswersviews
折叠和扩展标签jquery /简单手风琴
我有关于Accordion标签的查询.. 我使用了 Accordion Menu 插件下面的代码我用于页面中的选项卡 . [accordions] [accordion title ="about"]**Content 1** [/accordion ] [accordion title="Home"]**Content 2** [/accordio... -
-1 votesanswersviews
不会折叠bootstrap的手风琴
我手风琴 jsfiddle jsfiddle 它左右两个柱子,每当我试图折叠右手风琴时,如果它仍然打开并试图点击左手风琴,那么右手风琴应该关闭,它怎么可能? -
639 votesanswersviews
如何将div放在容器的底部?
给出以下HTML: <div id="container"> <!-- Other elements here --> <div id="copyright"> Copyright Foo web designs </div> </div> 我希望 #copyright 坚持 ... -
29 votesanswersviews
绝对与相对位置的宽度和高度
我知道什么是绝对和相对位置,但有些点仍然没有告诉我 . 以供参考 CSS: .rel{ position:relative; background:red; } .abs{ position:absolute; background:blue; } HTML: <div class="rel">rel</div> &l... -
261 votesanswersviews
使用css3的SVG投影
是否可以使用css3为svg元素设置投影,类似于 box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; 我看到了一些关于使用滤镜效果创建阴影的评论 . 有一个单独使用css的例子 . 下面是一个工作代码,其中正确应用了cusor样式,但没有阴影效果 . 请帮我用最少的代码获取阴影效果 . <?xml ... -
168 votesanswersviews
有没有办法让孩子DIV的宽度比使用CSS的父DIV宽?
有没有办法让子容器DIV中的子DIV比它的父容器宽 . 子DIV需要与浏览器视口的宽度相同 . 见下面的例子: 孩子DIV must 作为父div的孩子 . 我知道我可以在子div上设置任意负边距以使其更宽,但我无法弄清楚如何基本上使其100%宽度的浏览器 . 我知道我可以这样做: .child-div{ margin-left: -100px; margin-right: -1... -
26 votesanswersviews
如何使绝对定位的div的宽度等于它的父级减去一些余量
我希望有一个内部div,它位于不同大小的容器div中,并从固定的左侧位置开始,然后有一个宽度填充容器的其余部分 . 我在下面包含了一些示例css,试图明白这一点 . 我必须使用绝对定位,所以不能只是向右浮动并设置左边距 . 有关如何使用绝对定位工作的任何想法?我也试过宽度:自动和一些不同的盒子大小选项 . 为了澄清,这方面的棘手问题是必须修复左边框,左边框必须与容器的右边框相对 . 我不能使用po... -
0 votesanswersviews
页脚位置底部问题
我希望我的页脚在页面底部绝对位置,即使内容小于窗口高度 . 我已经尝试了所有可能的教程和所有可以想到但却无法做到的事情 . 我的HTML语法是: <html> <head></head> <body> <header> <div class="wrap"></div> </... -
343 votesanswersviews
如何在另一个div内对齐3个div(左/中/右)?
我想在容器div中对齐3个div,如下所示: [[LEFT] [CENTER] [RIGHT]] 容器div是100%宽(没有设置宽度),并且在调整容器大小后中心div应保持在中心 . 所以我设置: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;... -
4 votesanswersviews
如何为列表中的项添加背景颜色
我有一个有序的清单 <ol> <li class="odd">Lorem ipsum dolor sit amet, consectetur ...</li> <li class="even">Some more text</li> </ol> 看起来像这样: Lorem ipsu... -
4 votesanswersviews
在容器保持居中时,将流体容器网格中的最后一行元素固定为左对齐
我无法在流体容器内对齐'ul'元素的最后一行 . 我让容器与页面正确对中,但当它们没有完全填充时,它最终将最后一行元素居中 . 似乎无法弄清楚解决方案 . 我正在使用Twitter Bootstrap的核心容器流体为外部div . 并将列表元素居中,如下所示: ul { text-align: center; list-style:none; } ul li { disp... -
258 votesanswersviews
带有左,中或右对齐项目的Bootstrap NavBar
在 Bootstrap 中,创建导航栏的最平台友好方式是什么?左侧是徽标A,中间是菜单项,右侧是徽标B? 这是我到目前为止所尝试的,它最终被对齐,以便徽标A位于左侧,菜单项位于左侧徽标旁边,徽标B位于右侧 . <div class="navbar navbar-fixed-top navbar-custom "> <div class="cont...