cost 159 ms
NextJS Tailwind 网站 offcanvas 菜单悬停/点击事件不会在父维度之外发生

[英]NextJS Tailwind website offcanvas menu hover/tap events not happening outside of parent dimensions

我有一个 header,带有从右侧进入的画布外菜单。 它按预期工作,除了一个问题:当菜单可见并打开时,鼠标/触摸事件 go 直接穿过它下面的内容。 这是代码: 自从我手工编写画布外菜单以来已经有好几年了,所以我确定我遗漏了一些东西。 ...

如何使用 Javascript 关闭 Google Chrome 中的文本框建议

[英]How to turn off text box suggestions in Google Chrome using Javascript

我试图阻止将用户名和密码存储在 Google Chrome 密码管理器中。 因此,我使用 $(document).ready 部分中 JQuery 中的以下行将密码字段中的类型密码更改为文本。 但是,由于地址填写建议,我遇到了一些问题。 它显示了建议中已经输入的值。 如何防止在字段中显示建议或如何防 ...

如何用具有圆角背景的文本覆盖图像

[英]How to overlay an image with text that has a background with rounded corners

我需要在 HTML 中复制您在此图像中看到的内容: 问题是文本覆盖了带有背景图像的 div。 如果外部 div 中没有图像和纯色,我可以想象我可以很容易地使用一些小的 html 圆角元素放置在正确的位置,但是背景图像是是什么增加了复杂性。 到目前为止我有这个......正如你所看到的,我被困在两个 ...

2023-06-06 17:08:10   2   44    html / css  
不太明确 CSS 宽度:100% 规则覆盖更明确的规则

[英]Less explicit CSS Width:100% rule overriding more explicit rules

我有一些渲染 HTML(见下文)。 我希望第一个 span 元素的宽度为 300px。 我创建了一个非常具体的样式规则来将宽度设置为 300 像素。 在不同的 css 文件中恰好有另一个通用规则: Chrome 识别出我的样式规则适用于该元素,但由于不太明确的样式规则而决定将宽度设置为 100%! ...

我的文字无法移过背景图片

[英]My text can't move past the background image

我是一名刚开始创建他的第一个实际 web 页面的新手开发人员,我遇到了一些问题。 我在 flexbox 中输入了一些文字,但在图像下方不会显示为 go。 .title { text-align: center; width: 500px; margin-left: auto; margin-rig ...

折叠列后边框不适应

[英]Border doesn't adapt after collapsing a column

对于我的主要项目,我试图找到一种方法来隐藏 JS 中的列。 以下function: 效果很好,但边界不会移动。 这是问题所在: 成为 我怎样才能避免这个问题? 编辑:这在 Chrome 和 Edge 上按预期工作。 这是 Firefox 的错误吗? 完整的 html 是: function hi ...

CSS Flexbox hover 固定 header 下水平导航栏中的文本效果不起作用 - 如何解决?

[英]CSS Flexbox hover effect not working on text in horizontal navigation bar under fixed header - how to troubleshoot?

我想为我正在制作的网站设置固定 header 下方的水平导航栏格式。 我能够这样做,但现在 hover 效果不起作用。 我的意思是,hover 效果仅在我将 cursor 与导航栏的底部边缘对齐(链接位于其正上方)时才有效。 当我的 cursor 悬停在文本上时,我希望 hover 效果起作用。 ...

如何在javascript中每次图像是3的倍数时计数器加1

[英]How to increase the counter by 1 every time the image is a multiple of 3 in javascript

我试着让每次imact是 3 的倍数时, cont递增 1。 下面的表达式已经做到了,但它对我不起作用,因为它破坏了我的程序的功能,当我动态指定cont = 0时,也就是说,如果它被传递 cont = 0,那么它将 cont 递增 1,它不会循环到 0,0,0,1,1,1,2,2,如果传递给它 c ...

如何在 CSS 中减慢 hover 上的背景平移

[英]How to slow background pan on hover in CSS

赏金将在 5 天后到期。 此问题的答案有资格获得+50声望赏金。 henxdl想让更多人关注这个问题。 我有一个 div 背景平移,我想在 hover 上放慢速度: @keyframes backgroundScroll { 0% { background-position: 100% 50% ...

仅在指定的 div 类上应用 ioslides_presentation 中的幻灯片特定 CSS

[英]Apply slide specific CSS in ioslides_presentation on specified div classes only

赏金将在 2 天后到期。 此问题的答案有资格获得+50声望赏金。 user12256545想提请更多人注意这个问题: 请帮我 css 造型如何仅使用 {} 语法更改特定幻灯片的 h2 header styles? 我想使用rmarkdown和ioslides创建一个 html 演示文稿。 一些主 ...

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 但是我无法用我的页面设 ...

AG Grid - 找不到图标

[英]AG Grid - Icons not found

我将 AG Grid 与 React 一起使用,分页图标显示为正方形。 依赖项: App.tsx导入 成分 我在示例中发现它们还加载了agGridMaterial字体,但这并不能解决问题。 我期待这是ag-theme-alpine.css的一部分 CSS 没有被覆盖: 如何显示 AG Gri ...

如何在 React 中使用 Tailwind 将状态栏背景设为白色?

[英]How can I make my status bar background white with Tailwind in React?

我在一个网站上工作,使用 reactjs 和 tailwindcss 构建,现在我正试图让它在我的 iPhone (Safari) 上看起来不错。 但我似乎无法将状态栏/背景设为白色。 我试过用 React 头盔添加元标签,但这没有做任何事情: 我试过这个: 但是也没有任何东西可以使状态栏变白. ...

媒体查询问题

[英]Trouble with media query

我正在尝试前端指导项目,但在提供不同视口大小(用于桌面)的图片时遇到问题,我不知道出了什么问题,我使用了图片元素并声明了图片应该以什么宽度提供服务但是它不起作用。 令人困惑的方面是 flexbox 和网格显示属性没有太大影响。 小的移动图像不会被桌面图像取代。 * { padding: 0; ma ...

高度:0; 溢出:隐藏; 不使用填充

[英]height: 0; overflow: hidden; not working with padding

我有这段代码,我的目标是使自定义 select 平滑 animation。我选择让我的高度默认为 0 溢出:隐藏,并将高度设置为自动 when.active 添加。 但是遇到了仍然显示身体的问题。 问题似乎与填充有关 .select-header { display: flex; justify-c ...


 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM