css3

0热度

2回答

是否有任何用于改变模式时触发的夜间模式或javascript事件的CSS前缀？如果用户启用夜间模式，我需要元素的自定义颜色。另外如何触发夜间模式事件像Twitter呢？感谢

0热度

2回答

当选中其他颜色时，如何更改复选框颜色（蓝色）和复选框图标颜色（白色）。 <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="https://code.jquery.com/jquery-1.11.1.min.js">

2热度

1回答

div`s CSS转换问题之间的键盘导航

我正在转换div之间的CSS转换，它将用作无鼠标应用程序的标头。过渡给人感觉两个相邻元素之间的“流动”。你可以在这里看到我迄今为止所做的工作：https://codepen.io/anon/pen/GOWVGR。元素的焦点使用左侧的'a'键和右侧的's'键进行控制。我几乎使它的工作使用渐变和背景位置过渡，除了我不知道如何编码只向一个方向移动时的效果，前一个元素“背景”返回到初始背景位置而不是“

0热度

1回答

不能得到：转换到工作

我似乎无法得到不透明转换工作在：伪元素之后，但在：before元素上的相同转换完全正常工作。任何帮助表示赞赏！ .top-nav li a:hover:after { content: "/"; display: inline-block; opacity: 1; transition: opacity 0.2s; margin-left: 10p

-1热度

1回答

如何在使用flex时在Jumbotron中垂直居中放置物品？

我在超大屏幕尝试过这种垂直中心的所有项目， display: flex; justify-content: center; align-items: center; 但问题是所有项目都在单行列队像他们显示在线。你如何垂直居中，同时仍然以块形式显示它们。

1热度

1回答

CSS 3布局3列在1行

我有一行在哪里填充3列并排像this。问题是当我选择一个JSON节点时，它将通过添加一个额外的div来填充树的路径。因此我的桌子有点像this。这是我的HTML和CSS代码： .Row { display: table; width: 100%; height: 500px; table-layout: fixed; /*Option

1热度

2回答

使弹性项目展开悬停，缩小其兄弟姐妹

我试图解决flexbox问题，我想每行有三个div，首先大小相等，但是当悬停div时，该增长和其他的在同一行收缩。以为我已经解决了它，直到我尝试了多行。我想要的是当悬停第三个div时，它会缩小第一个和第二个div，并保持其余不变。我无法弄清楚这一部分。以下是我的单排工作解决方案。此布局是否也可以在多行上工作？我是否必须将每行包装在单独的容器中，还是有办法解决这个问题？ .container

0热度

3回答

CSS：Flex正在调整下一行div的大小

我的问题是，无论何时调整窗口大小，如果没有与所有其他div的大小相同的大小，div应该跳到下一行。在“整页”中查看此内容并尝试调整自己的大小。 <html> <body> <div id="wrapper" style="display: flex; width: 100%; flex-wrap: wrap; justify-content: center;">

0热度

1回答

CSS网格不能按预期工作

有人能帮我弄清楚为什么下面的CSS网格示例不能按预期工作？这里有一个链接到Codepen： https://codepen.io/Nekto/pen/yPpaBE .cards { margin: 0; padding: 1em; display: grid; grid-template-columns: 1fr 1fr 1fr; gri

0热度

1回答

如何使用浮动div来定位一组div下面的CSS框？

我有两个div s（橙色和蓝色）的浮动左侧和右侧固定大小的中间div（绿色），这是应该扩大到底部的工作布局。现在，我想添加一个页脚（红色），显示在以上div s的最高点下方，但我只能看到它显示在中间div以下，如下所示。我试过overflow: auto，但它没有效果。 <div style="float: left;width: 100px;border-style: solid;borde