css3相关内容

导航丸定位

我想用Bootstrap 4框架创建一个侧栏菜单。利用他们的默认 nav-pills 我如何在同一行上放置两个药片? 请在下面找到默认值代码: ..
发布时间:2018-07-04 20:39:50 前端开发

如何在chrome emulator中测试motorola中的网站?

我正在使用chrome测试所有移动模拟器中的网站。 这里的moto g模拟器不可用。我的测试团队在moto g中说问题。有人可以帮助测试摩托罗拉。 提前致谢。 解决方案 “模拟器”唯一能做的就是模拟屏幕分辨率和像素尺寸。 自定义屏幕设置: 单击这些值并进行调整。 Moto G的重新分辨率为720 x 1280像素,并将像素尺寸设置为2或3. 自定义设备 ..
发布时间:2018-07-04 20:39:39 前端开发

使用进度条的多步垂直形式我有水平形式,因此转换垂直模型

我对添加这个垂直的多步形式感到不安,如果有人可以帮助我,我会非常高兴。我们的横向链接 https://codepen.io/TyStelmach/pen/yNxMeJ 同样看起来转换为垂直步骤。 .steps {width:675px;保证金:50px auto;位置:相对; } fieldset {background:white;边界:0无; border-radius:3px; bo ..
发布时间:2018-07-04 20:36:08 前端开发

将CSS属性应用于HTML代码以从图像实现边框和虚线

我有一个PDF文档,我试图通过HTML重新创建。该文件是日期和事件或每个季节的列表。我不确定在哪里应用边框属性来创建左边框内的内部渐变和框内的边框半径。 这是PDF的图像我正在尝试重新创建。 我管理过使用以下代码实现大部分内容。 body {width: 1200像素; font-size:.9335rem} h1 {width:95%;保证金:.8rem auto;溢出:隐藏 ..
发布时间:2018-07-04 20:35:18 前端开发

淡化底部文本,同时使用线性渐变向下滚动

我有新闻文章列表,因此用户知道底部有一些文字。我是怎么尝试这样的 style =“background:linear-gradient(360deg,rgba(135,135,135,0)0%,#878787 20%)” 但我没有得到我想要实现的目标。 这是我想要的屏幕 p> 现在我变得像这样 解决方案 只需申请它在 :: after 伪元素之后。我创建了一个片段来说明。 ..
发布时间:2018-07-04 20:34:37 前端开发

在不同页面,特定div中回显登录错误

此问题延迟太久了。我有一个index.php,包括form和login.php handeling它。 如何在index.php中的特定div中发布错误? 这是Index.php容器,idnex.php中还没有php代码。 ברוכיםהבאיםלאתרקופונים המקווו ..
发布时间:2018-07-04 20:32:46 PHP

垂直对齐底部,用于表格单元格内的链接

是否可以在不知道表格单元高度的情况下将链接推送到其表格单元格的底部?这是我设置说明问题的小提琴: http://jsfiddle.net/77qG5/1/ 我希望红色背景的链接与其单元格的底部对齐,但由于其他要求,我无法在单元格上放置固定的高度。这是我正在使用的完整代码: HTML: <表> ..
发布时间:2018-07-04 20:31:08 前端开发

将垂直滚动添加到水平滚动条

我一直试图做这样的事情,并尝试了各种方法,从假滚动条和DOM欺骗代码。似乎没有什么像我需要的那样干净/正常。 我要做的是有一个水平滚动div(带滚动条),嵌套在其中的垂直滚动div。理想情况下,单个水平滚动条会滚动,在某个点之后 - 垂直滚动它旁边的“go-up”div。 这是一个示例图表需要可视化: 我想我有一个解决方案可以工作: 基本上我认为水平“场景”可能有溢出等于“ ..
发布时间:2018-07-04 20:30:29 前端开发

文本对齐中心与对齐

我想将中心属性与文本/内容的对齐方式对齐。你们中的任何人都可以帮助我。 除了IE版本之外的所有浏览器兼容性 请参阅屏幕以了解。希望它只适用于文本中心...... 解决方案 你可以试试这个: .center-justified { text-align:justify; -moz-text-align-last:center; text-align-last:cent ..
发布时间:2018-07-04 20:26:28 前端开发

禁用输入字段上的文本选择

我正在使用IBM Worklight,HTML5,CSS3和javascript开发混合应用程序。 是否有任何可能的方法来禁用输入字段上的文本选择? 我在屏幕上有一个用户名和密码字段,并希望禁止用户选择输入字段中的文本。此外,应禁用复制粘贴。 谢谢 解决方案 你可以使用下面的代码来禁用复制和粘贴 $('input,textarea')。bind('cut copy p ..
发布时间:2018-07-04 20:23:01 前端开发

CSS3动画不适用于Mozilla Firefox

我正在尝试使用CSS3 关键帧来制作鸟的拍打效果。它在谷歌浏览器上工作正常。它似乎不适用于mozilla firefox。 这是我的小提琴 解决方案 如果您使用 -moz-animation,它会起作用:飞0.2s步(4)10; 。看起来firefox对你缩短动画属性的方式有一些问题。 我不确定其他0应该用于什么,但它除非我遗漏了某些东西,否则看起来不需要...... 编 ..
发布时间:2018-07-04 20:13:55 前端开发

CSS3占位符悬停转换无法在Firefox中运行

出于某种原因,我似乎无法让占位符转换与Firefox一起使用。这是一个 CodePen 示例。此示例具有:hover 和:focus 的占位符转换。两者都可以与Chrome一起使用,也不适用于Firefox。 解决方案 除了需要 -moz 前缀。尝试: h1 { color:#300; -moz-transition:color 2s; -webkit-transitio ..
发布时间:2018-07-03 20:31:23 前端开发

网页上的Css位置

有人可以帮我这个吗?我想做这个设计,但我有位置问题。这是图像 这是代码 > https://plnkr.co/edit/Smyes7rZXVcqq5IugW2o?p=preview 解决方案 以下骨架最适合您。 设置父div的高度并显示到表格(min-height对你不起作用)。如果将子div的显示设置为table-cell并将vertical-align设 ..
发布时间:2018-07-03 20:25:55 前端开发

当与vw单元一起用于WCAG(辅助功能)时,如何放大wesite font-size?

我正在为我的网站写一些css样式表,并大量使用“vw”和“vh”css单位。 我注意到当我尝试使用浏览器放大镜放大(调整大小?)字体大小或使用Ctrl +向上滚动鼠标时,字体大小不会增加并保持静态。 我必须使这个网站可访问(AA级别),其中一个主要要求是 确保您的网站响应良好增加文字大小(1.4) 从这里。 使用”rem“或”em“调整大小,但是当我调整窗口大小时,它们没有“ ..
发布时间:2018-07-03 20:25:41 前端开发

将网格高度调整为可用屏幕,无需滚动条

我应该使用什么网格属性来将网格完美地保留在屏幕内? 使用高度:100vh; on .wrapper 调整高度,但它会引入滚动条。要删除不需要的滚动条,我尝试设置 body {margin:0;} 但是我希望在整个网格周围有一个边距而不生成滚动条。我确定这是一个简单的解决方法,但请帮助我! Codepen: https://codepen.io/reiallenramos/pen/yzr ..
发布时间:2018-07-03 20:25:28 前端开发