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

[英]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 以确保箭头与弹出容器显示在同一层？

[英]How do I adjust my CSS to ensure the arrow is displayed in the same layer as the popup container?

我尝试像这个例子一样制作弹出容器但它显示了这个错误的层或其他东西这是我的代码： HTML： <div class="popup-container arrow-top "> CSS： ...

如何通过 whatsapp 从当前 url 创建共享链接

[英]How to create a share link via whatsapp from a current url

如何通过 whatsapp 从当前 url 创建共享链接。 你好，我有一个网站有分享按钮，facebook、twitter、pinterest、邮件，但我想用 whatsapp 和 instagram 替换其中两个，例如我希望通过 whatsapp 按下分享按钮的人分享当前的 url他们正在查看 在 ...

为什么我的词云没有显示所有涉及的数据？

[英]Why is my word cloud not showing all the data involved?

任何熟悉在 d3 和 html 中创建词云的人都可以告诉我为什么我下面的代码没有显示词云中的所有 ID？ 这些值表示每个产品 ID 的平均产品评级。 所以每个单词的大小将取决于评级。 提前致谢！ 请看下面的代码： ...

如何绕过智能电视浏览器上的自动播放阻止

[英]How to bypass autoplay blocking on smart tv browsers

赏金将在 23 小时后到期。 此问题的答案有资格获得+100声望赏金。 Roi想让更多人关注这个问题。 我们正在尝试在本地实施一个基于网络的系统，该系统将显示在整个设施的智能电视浏览器上，问题基本上是自动播放政策，这是我们努力的唯一障碍。 -我不能使用标记 using.exe 参数，因为它是智 ...

iframe ch-ua-form-factor Cookie 权限错误

[英]iframe error with ch-ua-form-factor Cookie Permission

赏金将在 5 天后到期。 此问题的答案有资格获得+50声望赏金。 Denis Lebon正在寻找这个问题的更详细的答案。 我目前在我的网页中使用一个简单的 iframe，使用适用于小屏幕（=youtube short）和大屏幕（=普通横向视频）的引导程序： 我有一条警告/错误消息说： 权限策略错 ...

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

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

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

使用 java servlet 处理 html

[英]Process html with java servlet

我有一个 html 模板文件，我们称它为 index.tpl，我想用 java servlet 处理它。 这是 index.tpl 的样子： 我怎样才能制作一个 servlet，将这个 html 作为输入，对其进行处理，然后将其发送回浏览器？ 用户旅程基本上是： 1.用户键入类似 webAppD ...

如何在页面刷新或单击浏览器后退按钮后隐藏 div

[英]How to hide div after page refresh or click browser back button

我在下面有弹出代码，我想为每个用户显示这个弹出窗口，即使刷新页面或访问另一个站点也只显示一次。 我尝试了一些代码，但它对我不起作用。 <div id="popup"> <div id="close">×</div> MY CONTENT & ...

我正在尝试将 html 文件从我的电脑移植到我的 android 平板电脑

[英]I'm trying to port an html file from my pc to my android tablet

我的电脑上有一个 html 文件，我想移植到我的 android 平板电脑并使用 Chrome 打开它。 .html 文件可以正常打开，但找不到任何视频、图片等。我收到错误消息 (?) 文件未找到 Firefox 在 /C:/Users/Steve/AppData/Local/Microsoft/ ...

媒体查询问题

[英]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 ...

如何使用 python django 将代码显示为带颜色的代码

[英]How to display code as code with color using python django

如何使用 python django 在浏览器中将代码显示为代码。示例 我想让上面的代码在不同的浏览器中显示 colors ...

我不能把这个div放在网站底部

[英]I can't put this div in the website bottom

我遇到了一个我试图解决的问题：我正在制作一个网站，我打算使用 div 放置网站的最后一部分，但是无论代码如何，这部分都不能粘在底部我按照下面的网站代码进行编辑： @font-face { font-family: Open-Sauce-One; src: url("OpenSauceOne-Bol ...

是否可以在输入 slider 中获取滑块拇指的引用？

[英]Is it possible to get a ref of the slider-thumb in input slider?

我想应用工具提示来显示 slider 范围内的拇指值。 我知道有一种方法可以计算 position 等，但我有一个预构建的工具提示组件，可以获取 ref 并将其显示在 position。 如果我得到输入参考，工具提示不会随着拇指移动而只是停留在中间的位置。 有没有办法专门检索拇指的参考？ 尝试获取 ...

JavaScript function 由可点击触发<div>用于更改图像源的标记<img>标签没有执行</div><div id="text_translate"><p> JavaScript function 改图片源无效。</p><p> 这是我的代码： </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> function eye() { fun(); fun1(); } function fun() { if (document.getElementById("password").type == "text") { document.getElementById("password").type = "password"; } else if (document.getElementById("password").type == "password") { document.getElementById("password").type = "text"; } } function fun1() { if (document.getElementById("eye").src == "eyec.png") { document.getElementById("eye").src = "eye.png"; } else if (document.getElementById("eye").src == "eye.png") { document.getElementById("eye").src = "eyec.png"; } }</pre><pre class="snippet-code-html lang-html prettyprint-override"> <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width. initial-scale=1.0" /> <link rel="stylesheet" href="login.css"> </head> <body> <header> <button class="menu_btn" onclick="start()"> <img class="menu" src="menu.png" alt="menu" id="icon-menu"> </button> <img class="logo" src="logo.png" alt="logo" /> <header/> <form action="login-ctrl:php" method="post"> <div class="log-form"> <label for="email">Email.<br><input type="email" class="email" placeholder="input email...:" name="email"/></label><br> <label class="label" for="password">Password.<br><input type="password" id="password" class="password" placeholder="input password...." name="password"/><div onclick="eye()" class="eye-btn"><img src="eye.png" id="eye"></div></label> <button class="log-but" type="submit" name="submit">login</button> </div> </form> </body> <script src="index.js"></script> <script src="login.js"></script> </html></pre></div></div><p></p><p> 我已经尝试在不同的脚本中编写函数，但它仍然不起作用，它应该在第一次单击时将图像源更改为另一个，然后在再次单击时返回。</p></div>

[英]JavaScript function triggered by a clickable <div> tag to change image source of an <img> tag is not implementing

JavaScript function 改图片源无效。 这是我的代码： function eye() { fun(); fun1(); } function fun() { if (document.getElementById("password").type == "text") { doc ...

使用 slider 更改 web 页面的亮度

[英]changing the brightness of a web page using the slider

有一个任务摆在我面前——当改变 slider 参数来改变整个页面的亮度时，我尝试了带有全屏 div 的选项，但它阻止了对 rest 元素的访问，我也尝试设置正文的过滤器参数，但在这种情况下，页面构建出错了 ...