个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
如何使用 Tailwind CSS 在图像悬停时显示文本:在图像悬停时显示文本？
这是我的头像？我希望在用户悬停图像时显示文本“哺乳动物”？
<img src="/img/cat/categories/mammals.png" alt="mammals" class="max-w-full max-h-full">
最佳答案
我更喜欢使用相对位置和绝对位置，因为它给了我更多的工作选择。查看此代码 Display text on hover
<div class="w-64 h-64 bg-red-100 relative">
<div class="absolute inset-0 bg-cover bg-center z-0" style="background-image: url('https://upload.wikimedia.org/wikipedia/en/3/3c/JumanjiTheNextLevelTeaserPoster.jpg')"></div>
<div class="opacity-0 hover:opacity-100 duration-300 absolute inset-0 z-10 flex justify-center items-center text-6xl text-white font-semibold">Dwayne</div>
</div>
关于css - 顺风 CSS : display text on image hover，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65917029/
25
4
0
请帮助。当我在移动设备上按下 Button 时，上面会出现一个蓝色矩形。我怎样才能删除它？ Link button 最佳答案 * { -webkit-tap-highlight-color: rgba
我想在故事书中添加顺风。这样 Stories 就会像在 Web 上一样呈现。 我用过 create-react-app project-name --template typescript创建项目。
在我的应用程序中，我有一个模型。我在模型上使用不透明度。我现在的问题是模型的主体不应该有不透明度我怎么能解决这个问题？仅在模型外应该有不透明度! JS Bin
无论如何，我无法让这个导航栏正确折叠。我需要将导航栏更改为响应模式下的 flex，但它目前无法正常工作。 HTML: Tailw
我尝试安装 Tailwind CSS。我已经运行了以下命令。 npm install -D tailwindcss npx tailwindcss init 但是，我有一个错误。 Unexpected
我有 3 列，每列包含一个人的形象、姓名、职能和引述。我希望所有 3 列的高度都相等。 到目前为止，我已经尝试设置 p class="flex-1"但什么也没做，我还将第二个内部 div 更改为 cl
我现在一直在循环工作，试图了解正在发生的事情。我正在使用带有 Tailwind 的故事书制作设计库。我似乎无法让 :before 伪类工作。无论我将它放在样式中的哪个位置，它都不会被渲染。 一个例子是
有没有办法使用 text-overflow: ellipsis 想到Tailwind CSS Framework 我想像这样使用顺风约定: &__title { @apply text-ove
目前我正在尝试创建一个填满整个屏幕的布局。以为它很简单，但发现它没有按预期工作。 这是一个 fiddle https://jsfiddle.net/s5ocg3v8/36/ Header
我正在尝试将 Tailwind 与我的 WebStorm IDE 一起使用，但是，我收到此错误: Unknown CSS at rule 每当我使用 @apply或 @tailwind 最佳答案 目前
fiddle :https://play.tailwindcss.com/epT13JJxnk 看起来像这样: 我需要它看起来像这样: 如何实现？ fiddle 代码:
fiddle :https://play.tailwindcss.com/epT13JJxnk 看起来像这样: 我需要它看起来像这样: 如何实现？ fiddle 代码:
如何使用 Tailwind CSS 在图像悬停时显示文本:在图像悬停时显示文本？ 这是我的头像？我希望在用户悬停图像时显示文本“哺乳动物”？ 最佳答案 我更喜欢使用相对位置和绝对位置，因为它给了我更
这是我从 tailwind 中的 Flex 类中得到的一个非常奇怪的行为。我想你可以以某种方式将它转换为 CSS，但我想留在顺风解决方案中。让我解释一下: 如果您运行以下代码片段，您将看到在第一种情况
我想对我的背景图像应用线性渐变。在顺风配置文件中，我写了一个这样的自定义规则: theme: { extend: { backgroundImage: (theme) => ({
我有一个带有如下标签的 radio 输入。输入被隐藏，标签用于制作一个视觉上吸引人的圆圈，用户可以点击它。 Yes 当用户点击标签输入时被检查。我想弄清楚如何定位，所以我可以给标签一个不同的风格。
为了简化我的主题，我想引用我定义的自定义颜色，然后将它传递给一个函数以获得更亮或更暗的变体。 我使用以下(部分)代码扩展默认颜色主题: module.exports = { theme: {
我正在使用带有 Tailwind CSS 的 Vue 3 开发 Web 应用程序。我的构建失败并发现了这 2 个错误。 我寻找答案并找到了 https://github.com/tailwindlab
我正在尝试修改 tailwind.config.js文件来创建一些自定义类。例如，我想创建一个调色板 - 并通过引用主题中的其他颜色来实现。 为此，我对 tailwind.config.js 进行了以
我是一名优秀的程序员,十分优秀！