如何用具有圆角背景的文本覆盖图像
[英]How to overlay an image with text that has a background with rounded corners
我需要在 HTML 中复制您在此图像中看到的内容： 问题是文本覆盖了带有背景图像的 div。 如果外部 div 中没有图像和纯色，我可以想象我可以很容易地使用一些小的 html 圆角元素放置在正确的位置，但是背景图像是是什么增加了复杂性。 到目前为止我有这个......正如你所看到的，我被困在两个 ...
是否可以将最后一列粘在纯 CSS 的表中？
[英]Is it posible to have last column sticky in a table with pure CSS?
我正在做一些应用程序，在 Figma 中，表格的最后一列是粘性的。 我知道坚持第一行和第一列是可以实现的，这很棒。 检查这里的代码。 https://css-tricks.com/a-table-with-both-a-sticky-header-and-a-sticky-first-colum ...
找不到类型“home”的“HTML”布局文件
[英]found no layout file for "HTML" for kind "home"
我正在使用此命令在配备 M1 芯片的 MacBook Pro 中运行一个 hugo 项目： output 日志如下： 当我访问url http://localhost:1313/时，web页面是空白的。 为什么会这样？ 我应该怎么做才能解决它？ 至少让它显示默认页面。 ...
在页面滚动时逐字逐句显示 html 文本？
[英]Reveal html text letter by letter smoothly on page scroll?
我需要帮助来尝试完成 JavaScript 效果。 我希望在此网站https://www.lucidmotors.com/上实现效果 - 在主页的第三部分中，您可以看到文本滚动/显示在其他文本上是平滑的。 我在 codepen https://codepen.io/Bes7weB/pen/zYKo ...
Bootstrap 表已修复 header 与问题对齐
[英]Bootstrap table fixed header align with <tbody> issue
我正在尝试使用 CSS 在 Bootstrap 表上创建一个固定的 header。 CSS HTML <tbody>看起来不错并且可以滚动。 但是<thead>元素不与<tbody>对齐。 我该如何解决这个问题？ 这是看起来像描述的屏幕： 谢谢！ ...
如何仅用 CSS 制作网格（如方格纸网格）？
[英]How to make a grid (like graph paper grid) with just CSS?
如何仅用 CSS 制作网格（如方格纸网格）？ 我只想使用 CSS 制作一张虚拟网格纸。 ...
AG Grid - 找不到图标
[英]AG Grid - Icons not found
我将 AG Grid 与 React 一起使用，分页图标显示为正方形。 依赖项： App.tsx导入 成分 我在示例中发现它们还加载了agGridMaterial字体，但这并不能解决问题。 我期待这是ag-theme-alpine.css的一部分 CSS 没有被覆盖： 如何显示 AG Gri ...
如何使用 Javascript 关闭 Google Chrome 中的文本框建议
[英]How to turn off text box suggestions in Google Chrome using Javascript
我试图阻止将用户名和密码存储在 Google Chrome 密码管理器中。 因此，我使用 $(document).ready 部分中 JQuery 中的以下行将密码字段中的类型密码更改为文本。 但是，由于地址填写建议，我遇到了一些问题。 它显示了建议中已经输入的值。 如何防止在字段中显示建议或如何防 ...
如何在 php mysql 不输入日期的情况下自动填写日期和自动填写时间？
[英]How to auto fill date and auto fill time without inputting date on php mysql?
如何在不输入的情况下自动填充这两个输入？ 我想根据桌面日期时间自动填写日期时间，不用输入。 ...
用 css 替换带有图标的文本
[英]Replace text with icon with css
我想为自动生成的标记使用超棒的字体图标，我无法更改它。 以下标记将显示ol列表。 我想用图标替换数字。 这是我正在尝试的： 问题： 使用上面的代码，我可以在每个列表项中显示图标，但是数字也在那里。 我想隐藏数字。 我试过使用text-indent ，但这也删除了图标。 ...
Tailwind CSS 类在我的项目中不起作用？
[英]Tailwind CSS classes is not working in my project?
这里是我的 HTML 链接https://play.tailwindcss.com/fbB4GCL0ht VS Code设置图片Tailwind.Config.js所有文件警告 - 在您的源文件中未检测到实用程序类。 如果这是意外，请仔细检查 Tailwind CSS 配置中的content选项。 ...
bootstrap - 在小屏幕上隐藏导航栏？
[英]bootstrap - Hide navbar on small screen?
我有这样的结构： 我正试图在移动屏幕上隐藏正确的导航栏。 我将它设置为 xs-hidden，但它仍然显示。 有没有办法在 xs 屏幕上隐藏导航栏？ ...
“变换：缩放”在图像 hover 上闪烁
[英]"Transform: scale" flickering on image hover
我有一个强制比例的图像库（ 像这样），由于某种原因，当您使用变换缩放图像时，图像会闪烁。 我已经尝试了“-webkit-transform-style: preserve-3d”和“-webkit-backface-visibility: hidden”，但没有解决。 似乎它只发生在 chrome ...
隐藏 Google Chrome 中的日历图标
[英]Hide the calendar icon in Google Chrome
有谁知道如何隐藏 Chrome 中日期字段上的日历图标？ <input type="date" /> 当我查找它时，我发现我应该使用::-webkit-calendar-picker-indicator但这似乎并不能解决问题。 ...
不太明确 CSS 宽度：100% 规则覆盖更明确的规则
[英]Less explicit CSS Width:100% rule overriding more explicit rules
我有一些渲染 HTML（见下文）。 我希望第一个 span 元素的宽度为 300px。 我创建了一个非常具体的样式规则来将宽度设置为 300 像素。 在不同的 css 文件中恰好有另一个通用规则： Chrome 识别出我的样式规则适用于该元素，但由于不太明确的样式规则而决定将宽度设置为 100%！ ...
CSS Animation 将页面上的图标滚动到路径
[英]CSS Animation move icon on page scroll to a path
我想创建一个 CSS animation，其中箭头在滚动时沿着 SVG 蛇形路径移动，并在每个新部分更改图标。 这是我的页面设计供参考。 我看了几个例子： codepen.io/yesvin/pen/XymwvX codepen.io/gkando/pen/LYEvjOv 但是我无法用我的页面设 ...
在桌面上打开下拉菜单 hover，但在移动设备上点击
[英]Dropdown open on hover on desktop, but on click on mobile
我找不到 Bootstrap 4 的解决方案，可以在 hover（在桌面上）和点击（在移动设备上）上打开下拉菜单。 我找到的所有解决方案都使用 jQuery - 任何人都知道没有该库如何做到这一点？ ...
Sveltekit：使用 $page.path 设置活动链接的样式
[英]Sveltekit: Styling active links with $page.path
我正在开发一个带有包含链接的 sidenav 的 sveltekit 应用程序。 我无法使链接上的活动 class 样式正常工作。 链接是NavLink.svelte中的组件： 这些链接在SideNav.svelte中使用： 最后，sidenav 加载到我的__layout.svelte中： 现在， ...
CSS 中的负边界半径？
[英]Negative Border Radius in CSS?
我正在尝试做 CSS 来制作一个看起来像这样的 div： 我几乎从这个开始： 没有太多代码，最简单的方法是什么？ ...
如何在 CSS 中减慢 hover 上的背景平移
[英]How to slow background pan on hover in CSS
赏金将在 5 天后到期。 此问题的答案有资格获得+50声望赏金。 henxdl想让更多人关注这个问题。 我有一个 div 背景平移，我想在 hover 上放慢速度： @keyframes backgroundScroll { 0% { background-position: 100% 50% ...