提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

直接在 HTML 标记中使用 SVG 不允许我将角色分配为按钮或具有所需的悬停效果

我有一个带有图标的容器，该图标应该执行两个功能：具有按钮的作用（可通过键盘/屏幕阅读器等访问）悬停/聚焦时变红当我直接在标记中使用SVG时，悬停效果可以按预期工作，但我无法像使用img标签时那样为SVG分配按钮角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59

图像的起点和终点

我正在尝试设置图像的起点和终点。所以我有我的画布和图像，当我将图像放入画布时，我希望当我将鼠标悬停在起点/终点时，它会亮起一个小红色圆圈，这意味着我可以与其他图像创建连接。例如：1)拖动图像。2)将图像放入画布内。3）鼠标悬停到起点/终点，小红点亮起。如您所见，红点仅在悬停时出现。另一个问题，但如果你解决第一个问题很酷，图像不会跟随烤架（正方形）。这是html/js的示例constresistor

P粉511757848 2023-08-31 12:24:51

angular.js - angularjs 使用鼠标悬停时，标签一直闪

我在用angularjs写一个鼠标悬停事件的时候发现鼠标时标签一直闪， angular代码如下： {代码...} 请问一下这段代码有什么问题吗? 要实现的效果就是鼠标悬停到登录成功的标签时，出现进入主页标签。麻烦看出问题的...

巴扎黑 2017-05-15 17:07:12

如何更改 MUI 工具提示的背景颜色？

我想要一个“？”用户可以将其悬停在图标上并获取有关应在文本字段中输入哪些数据的规范。MUI的默认悬停是灰色的，带有白色的文字，但我希望我的悬停是白色的，带有灰色的文字，并且字体更大。我发现使用对于字体大小和颜色效果很好，但是当我更改背景颜色时，悬停文本字段周围有一个灰色边框。这是hover.js组件：exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50

悬停时倾斜效果错误

我有一个带有倾斜效果的按钮，里面有一个文本，当我悬停该按钮时，按钮旁边会出现两行。有代码，将鼠标悬停在按钮上直到看到它，这是一个非常随机的副作用。我认为这是Chrome的问题，但我不确定。这是问题的图片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

改变MUI中文本字段标签的颜色

嗨，我在更改MUI文本字段中的文本标签颜色方面遇到了问题。我已经成功自定义了边框颜色和悬停状态（包括标签），只是在非悬停状态下无法更改标签颜色。我尝试了在DOM中找到的各种类名（包括MuiInputBase-input），就像我在其他地方做的那样，但都没有成功。我还尝试了inputProps，但也没有任何效果。以下是我的代码：<TextFieldclassName="w-fullm

P粉860370921 2023-08-26 17:15:52

CSS 悬停样式位于 div 内的元素上，且带有 transform-style:preserve-3d 在 Safari 中不起作用

我实现了一个视差滚动标题，它里面有一些带有悬停样式的社交图标。悬停样式目前在Safari中不起作用。当我删除容器上的transform-style:preserve-3d时，悬停样式可以工作（但会破坏视差）。它在Chrome中运行良好。<!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26

图中图像的长宽比

我有一个带有标题的图像，就像这样：标题我在CSS中还有img{max-width:100%}。我想同时设置图像的宽度和高度，并在宽度减小到其设置值以下时保持其纵横比。所以，我尝试了这样的代码：标题这大致是我想要的，但是当图像被'letterboxed'时，标题离图像底部的距离很远。有没有办法在保持标题紧贴图像底部的同时获得我想要的结果？

P粉557957970 2023-08-17 20:24:04

如何在Vue过渡中去除过渡延迟？

我正在使用Vue来实现当鼠标悬停在图片上时，通过动画将文本框向上移动并淡入。动画效果是正确的，但是它有一个轻微的延迟才开始。我希望文本框在图片悬停时能够平滑且立即地开始淡入和向上移动。当光标离开时，文本框能够正确地淡出和向下移动。template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49

如何让转换后的元素不被溢出自动切断？

我正在使用Bootstrap4为朋友的个人网站制作一个模态画廊。我设置了它，以便图像在悬停时展开-但当我将溢出设置为自动时，它们会在模态（或div）的边缘被切断。图库也是一组选项卡中的第三个，但所有这些都很好用。我尝试更改哪个div具有overflow-auto类；我尝试过标记各种不同的标记，但无论我尝试什么，我都不知道如何制作它，以便图库滚动并且让我的图像在悬停时不会被切断。现在是相关代码：.g

P粉242535777 2023-09-07 20:04:02

创建一个悬停效果，将菜单按钮转换为具有阴影克隆版本的 x 形状

首先我想承认我的标题很令人困惑，对此感到抱歉。我想要实现的是悬停时的以下效果：我的网站在这里https://wordpress-493302-3130963.cloudwaysapps.com/我已经成功地使用css转换完成了我想要实现的目标的一半，但无法看到创建按钮的影子副本，如上图所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21

使用 React 在图像上放置交互式标记

请帮忙。我有一个像下图这样的图像显示在主页上（一个更大的图像）。请注意，“FORGE”房屋的中间有一个白色和蓝色标记，并带有黑色箭头。“出租”房屋也是如此。这些标记中的每一个都将充当交互式按钮。以下是预期的交互行为：将鼠标悬停时，蓝色背景将展开以显示“Forge”或“Rentals”等文本点击后，它将引导用户前往相应的“Forge”或“Rentals”页面。还希望它能够响应，如果当屏幕调整大小时，

P粉896751037 2023-09-08 21:25:41

如何使Leaflet中的标记有两个弹出窗口？鼠标悬停时一种，单击时另一种？

我希望将标题悬停在地图上的标记上，然后单击它们时会打开一个包含不同内容的完整弹出窗口。我尝试制作一个图例，其中包含所有标记的列表，这些标记将用作相应弹出窗口的链接，但我似乎不知道如何做到这一点。

P粉254077747 2024-04-01 12:40:41

使用 CSS3 过渡增强渐变背景

我试图在鼠标悬停时使用css在缩略图上进行转换，以便在悬停时背景渐变淡入。转换不起作用，但如果我只是将其更改为rgba()值，它就可以工作美好的。不支持渐变吗？我也尝试过使用图像，它也不会转换图像。我知道这是可能的，因为在另一篇文章中有人做到了，但我不知道到底是怎么做到的。任何帮助>这是一些可以使用的CSS：#containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11

javascript - 发现个奇怪的问题，写的css动画当我把标签页收起时动画自动暂停了

发现个奇怪的问题，写的css动画当我把标签页收起时动画自动暂停了，再展开标签页时动画才继续播放。我是用背景图移动达到运动的效果的，是不是和这个原因有关？

给我你的怀抱 2017-06-30 09:52:30

将 CSS3 过渡与渐变背景结合使用

我试图在鼠标悬停时使用css在缩略图上进行转换，以便在悬停时背景渐变淡入。转换不起作用，但如果我只是将其更改为rgba()值，它工作正常。不支持渐变吗？我也尝试过使用图像，它也不会转换图像。我知道这是可能的，因为在另一篇文章中有人做到了，但我不知道到底是怎么做到的。任何帮助>这是一些可以使用的CSS：#containerdiva{-webkit-transition:background0.

P粉217629009 2023-08-23 21:25:42

如何使文本在单击时变成新元素（如分隔线）？

我正在尝试找到一种方法，使页面上的某些文本在单击时变成分隔符/新元素。我不知道如何解释它，但是就像，想象一个下面带有标题的图像-单击标题，然后上面的图像变得像一个文本框/不同的图像/可滚动的分隔符。我正在尝试实现此处页面的效果，其中单击右侧的头骨表情符号会导致左侧框中出现一个新的div/图像。我正在查看源代码并检查她做了什么来实现这种效果，但我仍然不确定是什么。我正在尝试使用w3schoolson

P粉872101673 2024-04-04 11:21:03

如何限制CSS仅对同一类别中的一个div生效

我正在尝试在鼠标悬停时使标题出现在图像上，但它们都必须具有相同的类。我不知道我所问的是否可能，但我会考虑各种不同的解决方案。这是我目前的代码。<divclass="item"><imgclass="Placeholderimg"src="placeholder.jpg"><divclass="hov

P粉475315142 2023-09-09 21:32:30

动态为多个元素添加:hover效果

是否有可能以编程方式为多个元素添加hover效果？在我们的系统中，有多个元素代表一个单元（但由于其他原因需要将它们分开成多个元素），在某些情况下，它们应该在悬停时一起重新着色。是否有可能以编程方式为多个元素添加hover效果？或者说这是否是一个良好的实践？我可以通过使用my_own_css_class来解决这个问题，在悬停时将其添加到所有元素上。但我觉得以编程方式使它们具有hover效果可能对我有

P粉203792468 2023-08-15 23:49:58

使用纯Javascript实现图像替换的过渡效果

在我创建的网站上，我有一些手风琴，每个手风琴的顶部都有一个图像。当您打开手风琴时，里面有一个描述，并且图像会变成另一张。然后，当您关闭手风琴时，图像会切换回第一个图像。问题是我希望这个图像变化有一个平滑的过渡，具有淡入淡出的效果，而现在它只是一个突然的变化。我该怎么做？假设手风琴按钮的id为“button”；包含第一张图片（将更改为第二张图片）的标签的id为“firstimage”。这是JavaS

P粉458913655 2024-03-30 00:14:11