css3相关内容

如何通过父窗口CSS类将CSS应用于内部Iframe元素?

我有一个父(主)页面,其中有一些 iframe 部分。我想将css样式应用于内部 iframe 元素。 当我在谷歌搜索时,我发现很多帖子与此主题相关但他们都建议使用jquery / javascript将CSS应用于内部元素。 是否可以将css样式应用于内部 iframe 元素通过父窗口(主页)CSS类? (所有 iframe 的域名与父母相同) 解决方案 您不能通过父窗 ..
发布时间:2018-07-16 12:02:49 前端开发

垂直中心响应iframe

我正在使用此处描述的技术制作iframe (视频)响应。本质上,iframe绝对位于具有100%宽度的包装元素内。包装元素根据视频的宽高比设置了它的填充: .embed-responsive { position :亲戚 / *视频高度/视频宽度* / padding-bottom:56.2%; 身高:0; 溢出:隐藏; } .embed-responsive ifram ..
发布时间:2018-07-16 12:00:59 前端开发

左侧列固定时,滚动HTML表水平和垂直

我正在尝试创建一个 HTML 表,其高度限制,左侧保持固定,同时水平滚动(和表格body可以水平滚动)但在垂直滚动时不固定(左侧可以与表的其余部分一起滚动)。 固定可滚动 1正文内容 2正文内容 3正文内容 4正文内容 。 。 。 。 。 。 我发现 此解决方案 但是,它只解决水平滚动问题。在 Eamon Nerbonne jsFiddle 示例中,添加 ..
发布时间:2018-07-06 16:50:06 前端开发

-moz-box-flex没有弯曲?适用于(Chrome / Webkit)

我一直在寻找过去8小时左右的时间,试图找到我可能错过的HTML / CSS代码,但Firefox不会展示我的页面内容?它适用于Chrome(我已经确定每个-webkit-box-flex都有-moz-box-flex反之亦然)。有什么我想念的吗?非常感谢您的时间和帮助! * {margin:0px; 填充:0px; } body {width:100%; 身高:100 ..
发布时间:2018-07-05 10:38:19 前端开发

我可以使用bootstrap来设计HTML电子邮件模板吗?

我需要设计一个 HTML电子邮件模板,通过电子邮件发送给我的客户。 我知道设计一个'html电子邮件模板': 没有css文件应链接,所有样式都应该内联到html。 所有图片都应通过在线服务器网址引用,不应存储在本地。 我的问题是:我可以在html中使用 bootstrap 设计 HTML电子邮件,而无需下载并链接为css文件本地? 解决方案 没有。 Bootstrap是 ..
发布时间:2018-07-04 21:19:54 前端开发

iOS页面底部的奇怪空间

请点击此处: http://teamcherry.com.au/introducing-空心骑士/#更多-116 由于某些原因,此页面上的页脚下方会出现一个大的空白区域,但仅限于移动游猎(iPhone /新iPad)。页脚在Chrome,Firefox和桌面Safari上完美显示。 任何想法是什么问题? 解决方案 你的问题是 body { min-height:100 ..
发布时间:2018-07-04 21:17:48 前端开发

动画运动背景效果

我试图在一个Wordpress网站上看一下,在后台有一个移动的烟雾效果,例如 http://hk.qeelin.com/collections/ 我看到这是在Javascript中,但我不确定它是如何工作的?有没有人知道如何实现这种外观? 解决方案 本网站使用两个不同的循环视频来实现这样的效果: 我现在还有另外两种方法可以做到这一点:canvas +粒子和一系列.png文件。 ..
发布时间:2018-07-04 21:17:14 前端开发

下载在模态下打开 - CSS问题

我有一个bootstrap模式,里面有几个下拉菜单,因为我设置了很多东西 overflow:auto 所以它有滚动条(参见右侧的滚动条)图片)。 现在的问题是当我点击下拉列表时它会在模态下打开(见图片)我需要下拉菜单才能打开该模态。 PS:我用google搜索并找到了许多解决方案,我们需要设置模态CSS属性 overflow:visible 。但在我的情况下,我必须设置 overflo ..
发布时间:2018-07-04 21:16:19 前端开发

为什么不是“position:fixed;”保持我的页眉在同一个地方?

我正在尝试在有人点击菜单图标时展开菜单但是现在当我这样做时它会推动页面标题 - JSFiddle 。我希望页面标题在菜单打开/关闭交互期间保持在同一位置。我用来构建页面标题和菜单的HTML5是 #pageTitle {display:flex;填充:10px; position:fixed;} ul.horizo​​ntal {list-style-type:none;保证金:0;填充:0 ..
发布时间:2018-07-04 21:14:38 前端开发

如何将中间/中间框与滑块中的文本对齐,并在移动视图中进行响应?

我是引导程序和网页设计的新手。我想创建一个具有移动响应的滑块,我想在滑块中间对齐框中的文本,并且它也会在响应中发生。所以帮我解决我如何做出响应? 我在桌面视图中使对齐中心,但在移动视图或响应中它不会发生。 请注意:我在这里使用bx滑块。 (附上截图) 这是我的代码: ..
发布时间:2018-07-04 21:06:51 前端开发

如何在加载网页时添加转换

是否可以像加载网页时一样添加转换功能,例如当您将鼠标悬停在具有转换效果的div上时。 示例:cubeupload.com 解决方案 你可以这样做,但不能只使用css3和html5开箱即用!即使不依赖较重的框架,你可以做的是应用于各种元素的onload事件,并在onload事件触发时附加一个css类! 让我们说你让你的身体的css看起来像这样: body { opacity ..
发布时间:2018-07-04 21:04:18 前端开发

如果元素是display:none;在媒体查询中他们仍然加载?

今天只是想着这件事,这让我很好奇。 如果我在网站上有一些元素或div,例如视频标记,如果我将此视频标记设置为display:none;在移动用户的媒体查询中。 当这些用户在他们的设备上查看该网站时,该网站是否仍会加载视频及其元素,然后隐藏它们?或者它是否阻止元素被加载? 会影响加载时间吗? 我有一个用于桌面的html5视频网站,当缩小时,它会用移动设备的gif替换这些元素, ..
发布时间:2018-07-04 20:50:34 前端开发

用线连接分区

我想为我的项目建立一个层次结构。我想用一条线连接2个分区(该线可能是直线或L形)。我正在提供一张图片,以便您轻松搞定。 我使用了JPlumb Jquery API,但我不想使用它。请帮帮我。该线可能处于前进,后退,上下位置。 每个区块应该是这样的。 解决方案 检查这个可能是帮助满.. html代码: ..
发布时间:2018-07-04 20:45:56 前端开发

CSS3 Translate3d鼠标事件问题

所以,我有一些代码: jsfiddle.net/XNvzW 彩色块在3d场景中设置,其中彩色框重叠一点并具有以下z值:10,5,0,-5,-10(数字中的数字)盒子的右上角)。当您将鼠标悬停在某个框上时,颜色会发生变化,您会看到一条消息:将鼠标悬停在#x.block上。非常简单。 现在,有时负z块工作(并且在CSS中响应鼠标事件:hover和JS中的$ .mouseenter()),有 ..
发布时间:2018-07-04 20:44:07 前端开发

更改输入类型编号的外观

我试过这段代码,但什么都没发生。我需要通过图像更改箭头也旋转但我不能。 输入[type = number] { 身高:30px; 行高:30px; 字体大小:16px; 填充:0 8px; } 输入[type = number] :: - webkit-inner-spin-button { -webkit-appearance:none; 游标:指针; ..
发布时间:2018-07-04 20:43:31 前端开发

在bootstrap中订购类3

我有一个简单的容器,其中一行包含6个元素(div)。我正在努力使用媒体查询重新排序元素。 以下是我目前的情况: @media(最小宽度:320px)和(最大宽度:480px){。product2 {order:3; } .products {display:flex;弯曲方向:柱; } ..
发布时间:2018-07-04 20:42:31 前端开发