首页 文章
  • 0 votes
     answers
     views

    基金会的移动菜单断点

    当我调整浏览器大小时, mobile menu 显示在默认断点所在的 568x320 处 . 所以我想做的是在 900px 周围创建一个断点来摆脱菜单问题(菜单很大),如下图所示,但我不知道该怎么做 . 我想出来了.316811_吨 . 有帮助吗? Fiddle here . 谢谢 . <nav class="top-bar" data-topbar role=&q...
  • 0 votes
     answers
     views

    基础6在小断点处改变沟槽尺寸

    在Foundation 6中有一种方法可以将小断点中的装订线大小更改为与settings.scss中的装订线大小不同的内容吗?现在我将 $grid-column-gutter 设置为90px,但我是最好的方法吗?
  • 2 votes
     answers
     views

    无法使用居中的大播放按钮暂停VideoJS播放器

    我已将我自定义的VideoJS播放器中的 .vjs-big-play-button 更改为覆盖整个视频区域的100%宽度和高度的半透明覆盖 . 当你播放和暂停视频时,我也希望它能够淡入淡出 . 它工作正常,但现在点击视频区域不再暂停视频 . 要暂停视频,我必须单击控制栏中的小播放暂停按钮 . VideoJS在 .vjs-big-play-button 上使用了 display: none ,删除了...
  • 0 votes
     answers
     views

    如何使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 votes
     answers
     views

    VideoJS:无法点击视频顶部/叠加层上的元素

    我正在使用VideoJS和Angular 4,我需要在视频之上添加一些自定义叠加层 . 我成功创建了所有叠加层并将它们连接到Angular组件上的事件 . 除了在fullcsreen中,它完美地工作 . 当我将视频全屏显示时,叠加层消失,我只能使用默认的播放器按钮 . 所以我在叠加层上添加了一个很大的z-index,它们就开始出现了 . 但每当我点击它们时,都没有任何反应 . 根据CSS,甚至光标...
  • 194 votes
     answers
     views

    在Chrome / Mac上强制DOM重绘/刷新

    每隔一段时间,Chrome都会错误地呈现完全有效的HTML / CSS或根本不呈现 . 通过DOM检查器深入挖掘通常足以让它实现其方式的错误并正确地重绘,因此可以证明标记是好的 . 这种情况在我正在进行的项目中经常(并且可预测地)发生,因为我已经将代码放在适当位置以在某些情况下强制重绘 . 这适用于大多数浏览器/操作系统组合: el.style.cssText += ';-webkit-trans...
  • 0 votes
     answers
     views

    离子自定义警报组件模板

    我正在尝试为我的Ionic 3实现一个弹出对话框,用于确认从集合中删除对象 . 我想象的完美流程是这样的:出现一个带有问题"Delete item? Yes No"的警报,点击是后,一个微调器显示 inside 警告,表示请求被发送到服务器和待处理的响应 . 收到回复后,我希望警报能够顺利转换为确认警报,如下所示: 不幸的是,我发现不可能为离子中的警报组件提供自定义模板 . 从...
  • 689 votes
     answers
     views

    表中两行之间的空格?

    这可能通过CSS吗? 我尝试着 tr.classname { border-spacing: 5em; } 无济于事 . 也许我做错了什么?
  • 1685 votes
     answers
     views

    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 votes
     answers
     views

    谷歌 Map 缩放控制搞砸了

    我使用Google Maps API(v.3)显示带有几个标记的 Map . 我最近注意到用于缩放 Map 的控件搞砸了(它并不总是这样) . 我不知道原因是什么 . 更新 这篇文章最初有一个指向您可以查看问题的页面的链接,但链接现在已经破了,所以我已将其删除 .
  • 147 votes
     answers
     views

    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 votes
     answers
     views

    如何使手风琴在悬停时部分扩展,然后在点击时完全打开?

    是否有可能使手风琴部分扩展,然后在点击时完全打开? 我一直在使用以下手风琴,但我正在努力让这个工作 . http://jqueryui.com/accordion/ 我希望能够控制手风琴在悬停时打开的高度,然后让它在点击时完全打开 . 感谢您提供的任何帮助 .
  • 3 votes
     answers
     views

    phantomjs不正确的pdf渲染

    我正在尝试从html页面生成pdf . html非常简单,并为每个页面呈现居中的图像 . 当我渲染html时,我的工作正常,但当我尝试用node-html-pdf创建一个pdf时,它没有 . 我还在github上创建了一个小型快递应用程序来重现问题:https://github.com/aschmid/phantomjs2pdf pdf中的奇怪之处是前2页正确呈现 .然后每个页面的大小是前一个页...
  • 1 votes
     answers
     views

    控制phantom-html2pdf文件的布局

    我正在使用phantom-html2pdf在Node应用程序中动态生成pdfs . 转换有效,但布局完全关闭 . 例如,html文档是一个由有时具有两列并排的部分组成的表单 . 我正在使用MUI css进行一些样式和布局,这些样式和布局在PDF转换之前已经内嵌到HTML中 . 在PDF转换之后,所有内容都在一列中,尽管事实上我有 class="mui-col-md-6" 的di...
  • 1 votes
     answers
     views

    将点击javascript事件应用于JSP中的标头而不是使用<a>标签

    我目前有一个带有切换按钮的 Headers ,它会在点击时展开 . Html: &lt;h3 class=&quot;toggle_header&quot; id=&quot;Tax_information_eSignature&quot;&gt; &lt;a href=&quot;javascript:void(0);&quot; class=&quot;icon_toggle_open...
  • 0 votes
     answers
     views

    Angular 2/4/6独立显示和隐藏div

    我在Angular做新事物是相当新的,所以我可能会忽略一些事情: 我用* ngFor生成多个div行 . 每行都有一个切换按钮和一个隐藏的子div(并且子div也可以有隐藏的子div) . 我想要尝试做的是在单击切换按钮时单独显示和隐藏子div(并且切换按钮图标也应该更改) . 我设法让它同时打开所有div,或者当点击一行时切换它将打开子div . 但是,当我点击另一个时,它将关闭之前单击的一个并...
  • 190 votes
     answers
     views

    通过S3从Amazon CloudFront提供gzip CSS和JavaScript

    我一直在寻找让我的网站加载更快的方法,我想探索的一种方法是更多地使用Cloudfront . 因为Cloudfront最初并非设计为自定义源CDN,并且因为它不支持gzipping,所以到目前为止我一直使用它来托管我的所有图像,这些图像在我的站点代码中由他们的Cloudfront cname引用,并且远远优化了-futures Headers . 另一方面,CSS和javascript文件托管在...
  • 1 votes
     answers
     views

    Odoo和WkHtmlToPDF:字体问题

    谷歌搜索几个小时后,我仍然无法在Odoo生成的PDF中显示自定义字体 . 非常感谢,非常感谢!这是完整的故事 . 我创建了一个继承account.report_invoice_document的自定义报告 . 这是必需的,因为定制发票以显示额外信息(例如,协调系统代码摘要) . 我还被要求使用自定义字体来自定义发票的布局 . 在这个模板中,我添加了一个内联样式表并将font-face应用于整个文档...
  • 0 votes
     answers
     views

    折叠和扩展标签jquery /简单手风琴

    我有关于Accordion标签的查询.. 我使用了 Accordion Menu 插件下面的代码我用于页面中的选项卡 . [accordions] [accordion title =&quot;about&quot;]**Content 1** [/accordion ] [accordion title=&quot;Home&quot;]**Content 2** [/accordio...
  • -1 votes
     answers
     views

    不会折叠bootstrap的手风琴

    我手风琴 jsfiddle jsfiddle 它左右两个柱子,每当我试图折叠右手风琴时,如果它仍然打开并试图点击左手风琴,那么右手风琴应该关闭,它怎么可能?
  • 639 votes
     answers
     views

    如何将div放在容器的底部?

    给出以下HTML: &lt;div id=&quot;container&quot;&gt; &lt;!-- Other elements here --&gt; &lt;div id=&quot;copyright&quot;&gt; Copyright Foo web designs &lt;/div&gt; &lt;/div&gt; 我希望 #copyright 坚持 ...
  • 29 votes
     answers
     views

    绝对与相对位置的宽度和高度

    我知道什么是绝对和相对位置,但有些点仍然没有告诉我 . 以供参考 CSS: .rel{ position:relative; background:red; } .abs{ position:absolute; background:blue; } HTML: &lt;div class=&quot;rel&quot;&gt;rel&lt;/div&gt; &l...
  • 261 votes
     answers
     views

    使用css3的SVG投影

    是否可以使用css3为svg元素设置投影,类似于 box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; 我看到了一些关于使用滤镜效果创建阴影的评论 . 有一个单独使用css的例子 . 下面是一个工作代码,其中正确应用了cusor样式,但没有阴影效果 . 请帮我用最少的代码获取阴影效果 . &lt;?xml ...
  • 168 votes
     answers
     views

    有没有办法让孩子DIV的宽度比使用CSS的父DIV宽?

    有没有办法让子容器DIV中的子DIV比它的父容器宽 . 子DIV需要与浏览器视口的宽度相同 . 见下面的例子: 孩子DIV must 作为父div的孩子 . 我知道我可以在子div上设置任意负边距以使其更宽,但我无法弄清楚如何基本上使其100%宽度的浏览器 . 我知道我可以这样做: .child-div{ margin-left: -100px; margin-right: -1...
  • 26 votes
     answers
     views

    如何使绝对定位的div的宽度等于它的父级减去一些余量

    我希望有一个内部div,它位于不同大小的容器div中,并从固定的左侧位置开始,然后有一个宽度填充容器的其余部分 . 我在下面包含了一些示例css,试图明白这一点 . 我必须使用绝对定位,所以不能只是向右浮动并设置左边距 . 有关如何使用绝对定位工作的任何想法?我也试过宽度:自动和一些不同的盒子大小选项 . 为了澄清,这方面的棘手问题是必须修复左边框,左边框必须与容器的右边框相对 . 我不能使用po...
  • 0 votes
     answers
     views

    页脚位置底部问题

    我希望我的页脚在页面底部绝对位置,即使内容小于窗口高度 . 我已经尝试了所有可能的教程和所有可以想到但却无法做到的事情 . 我的HTML语法是: &lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;header&gt; &lt;div class=&quot;wrap&quot;&gt;&lt;/div&gt; &lt;/...
  • 343 votes
     answers
     views

    如何在另一个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 votes
     answers
     views

    如何为列表中的项添加背景颜色

    我有一个有序的清单 &lt;ol&gt; &lt;li class=&quot;odd&quot;&gt;Lorem ipsum dolor sit amet, consectetur ...&lt;/li&gt; &lt;li class=&quot;even&quot;&gt;Some more text&lt;/li&gt; &lt;/ol&gt; 看起来像这样: Lorem ipsu...
  • 4 votes
     answers
     views

    在容器保持居中时,将流体容器网格中的最后一行元素固定为左对齐

    我无法在流体容器内对齐'ul'元素的最后一行 . 我让容器与页面正确对中,但当它们没有完全填充时,它最终将最后一行元素居中 . 似乎无法弄清楚解决方案 . 我正在使用Twitter Bootstrap的核心容器流体为外部div . 并将列表元素居中,如下所示: ul { text-align: center; list-style:none; } ul li { disp...
  • 258 votes
     answers
     views

    带有左,中或右对齐项目的Bootstrap NavBar

    在 Bootstrap 中,创建导航栏的最平台友好方式是什么?左侧是徽标A,中间是菜单项,右侧是徽标B? 这是我到目前为止所尝试的,它最终被对齐,以便徽标A位于左侧,菜单项位于左侧徽标旁边,徽标B位于右侧 . &lt;div class=&quot;navbar navbar-fixed-top navbar-custom &quot;&gt; &lt;div class=&quot;cont...

热门问题