问题标签 [pure-css]

我已经用纯 css 实现了一个自动收报机，有一个小问题我无法纠正。

我希望代码是连续的，没有任何间隙。即在“item 2”滚动结束后，“item 1”应该立即出现。

目前，如果您在小提琴中注意到，在滚动的最后一项之后有很多空白空间。我需要第一个项目立即出现在选框中的最后一个项目之后。

小提琴

你好我想在我的项目中使用上面的字体样式。我在 style.css 文件中编写了相同的代码。字体位于我的 style.css 文件所在的同一位置。字体的效果显示在我的 PC 上，因为字体安装在我的 PC 上。但是当我运行时我在另一台电脑上的项目没有显示字体效果。

在此处输入图像描述 您好，我想设计与图像中显示的相同的菜单。我已经尝试使用附加的代码。我可以设计一点点，但是当我单击另一个菜单时，箭头没有显示在菜单的正下方。它是在其他地方显示。我如何实现与图像中显示的相同的菜单设计。

我正在使用纯框架，它似乎没有提供使整个页面居中的机制。我发现了以下片段：

在桌面上一切正常： 但在移动设备上看起来很奇怪： 问题出在哪里，我该如何解决？这是如何不呈现页面的样子：

我有这个 html 代码：

我想做的是使用纯css更改主图像bacground或src，我知道src无法更改，但是有什么方法可以在缩略图悬停时更改大图像？

谢谢！

我想设计一个标签导航。它下面应该有点子弹。当我单击任何选项卡菜单时，激活的菜单下方应显示一个箭头。上图描述了我的概念。有两个选项卡可用，它应该像 col-md-6 和 col-md-6 格式一样显示在中心。

大多数情况下，我从 PureCSS“文档”中复制演示代码来实现他们的下拉菜单。

我创建了一个CodePen，并将在这里共享代码。

问题是在垂直版本中，子菜单项不会在悬停或单击时显示。

我假设这是设计使然，并且不确定是否应该编写额外的 JavaScript（示例）以启用触摸设备等的点击显示。

我所拥有的是：

HTML：

CSS：

Javascript：

我是否正确地假设我需要使用附加脚本来处理移动子导航？

我正在尝试在 SVG 动画中复制此警报器。

这是我创建的：

我正在尝试使用视差效果制作一个非常简单的网站，其中包含四个部分。每个部分都有一个背景图像、一个标题和一个副标题。尽管所有四个图像的高度完全相同（600 像素），但在最后一个部分出现之前，第三部分仅显示了一小部分。页脚也不显示。有一些重叠发生，但我不明白它可能是什么。

我有一个集成了 PureCSS 的 html 模板，这样我就可以开始创建布局了。我有一个 24 分割网格的 20-24 宽度的对象。我在它所在的网格块中有一个表单。我想在该网格中居中表单内容。我不确定如何以有效的方式做到这一点。我尝试添加自己的 css 来覆盖纯 css 默认值，但它不起作用 cna 任何人都可以帮助我。这就是我的 html 模板：

这是我尝试用来在块中手动居中表单的 css：

这是它的样子：

我摆脱了所有其他不是问题的代码。如果需要，我可以添加所有内容以帮助解决此答案