• 滚动一点后,我需要在底部添加一个粘性div

    我需要一个粘性div,仅在完成一定量的滚动后才显示。 我能够从一开始就获得粘性div,但是我希望一旦滚动整个段落1时,黄色粘性div就显示出来。 这就是我得到的 This is something I want.. when paragraph 1 is showing and once the paragraph 1 is scrolled then i want the sticky div to appear on bottom like this 附言:我不允许显示文本,所以我改用lore...
  • 翻盖式CSS / HTML:翻盖时不显示卡的背面

    目标:我想在容器或网格内放置响应式卡片,如果响应更好,则该翻转。翻转时,卡片将在卡片正面显示有关此人的详细信息。 Tried: I am using W3Schools flip card information but the back does not show up. https://www.w3schools.com/howto/howto_css_flip_card.asp 代码:到目前为止我所拥有的。 /* The flip card container - set the width an...
  • 在悬停上.li-hover不显示.sub-cat-1

    在.li-hover上的Over上,它假定显示未显示的.sub-cat-1。我尝试了几种方法使其显示,但不显示任何内容并不简单,并且根据css属性应显示一个白框。请检查代码,看看我在哪里做错了,以及如何解决此问题。 尝试了这个HTML CSS categ-list { width: 400px; height: 755px; padding: 10px 0; padding-top: 10px; padding-right: 0px; padding-b...
  • 如何在ASP.NET MVC中删除此直线?

    我要删除此行,请参见下图,因为当我写索引页面内容显示在上方时,这就是问题 Image of Index Page - index page when I click on contact page - contact page _ViewStart.cshtml @{ Layout = "~/Views/Shared/_Layout.cshtml"; } _Layout.cshtml <!DOCTYPE html> <html> <head> <meta ...
  • 我和SVG的CSS问题

    我有两种形状。一个图标来自真棒字体,另一个图标直接来自SVG 我正在使用相同的CSS <i> 和为 <svg> 并且我已尽一切可能确保我不会错过任何svg,但我们的工具提示正好适合 <i> 图标和和在出现以下情况时效果不佳 <svg> 这是我的代码 在这个你可以看到 html <div id="demo-widget" class="demo-position-right demo-button-list"><div id="sy-whatshelp"><div class="sy...
  • 嵌套的forEach()循环无法正确运行?

    I have a bunch of functions that are called by .forEach(). 每个数组的值均已正确存储,并且我通过控制台运行了所有内容,以确保可以按照下面的脚本所希望的方式访问每个索引。 function genreList(genre) { var selector = $("#fileTreeContainer"); var selectorText = "<details id=\"genre\" class=\"genre\"><summary cla...
  • 为什么我的分页代码不适用于php中的page2

    请有人帮助我进行分页。我有一个带有分页代码的php页面,以显示20个records @ page。记录是根据表单中的“开始日期”和“结束日期”选择提取的。问题是,它在page1上有效,但是当我在分页中单击page2时,它停止了工作。我假设_POST ['startdate']和_Post ['enddate]'的值未在第2页上转发。可能是其他原因,但请查看并提出建议。谢谢! <!DOCTYPE html> <html> `enter code here` <head> ...
  • 如何在NextJS中正确使用Sass

    我一直在用scss模块设计NextJS应用的样式,并且运行良好。后来我回来从事其他工作,突然被这个错误击中: Syntax error: Invalid CSS after "...ound: variables": expected expression (e.g. 1px, bold), was ".$main-gradient-bac" I am confused because I had not made any changes and it had been running fine ear...
  • 关闭复选框汉堡菜单,当在没有javascript / jquery的情况下在外部单击时

    i have hamburger menu which i took from here. https://codepen.io/erikterwan/pen/EVzeRP it is using only css by using a checkbox to expand and collapse the menu. 所以我想要的是当我在菜单外部(页面上的任意位置)单击时,菜单应该折叠。有人能帮我吗。 这是HTML代码 <nav role="navigation"> <div id="menuTogg...
  • 如何在React程序中使用外部CSS文件

    所以我已经创建了一个使用react生成随机报价的网页。 这是网页的代码: @import url('https://fonts.googleapis.com/css2?family=Lora:ital@1&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?fami...
  • 如何强制flexbox达到100%的高度?

    我正在制作我的第一个Web应用程序。这是我第一次使用html / css / js。这似乎是css的常见问题/问题,但是我在理解/使解决方案有效方面遇到困难。这是我最近得到的。 I am struggling to make the app (specifically wrapper or body) encompass only the height of the page (no more or less). If there is little content, content doesn't ext...
  • 网页设计,我在将html转换为css时遇到问题

    我无法将图片中显示的设计转换为html css。我的CSS信息还不够。我该怎么做? 我已经形成了环形区域,但无法进行转角线。 我的CSS不够。 我需要使用CSS来解决此问题吗? -- 我已经过了3天了,这一节还是很乏味 Draft original design 到目前为止,我已经能够:( <div class="container pt-7"> <div class="row"> <div class="col-lg-5 tab-detay pt-7 text-white"...
  • 如何将标题对齐到图像上方?

    我正在尝试教自己html和CSS,但似乎无法找出如何在图片上方添​​加标题。我正在尝试建立一个自转的gif展示柜,到目前为止,我有地球。我想在gif上方放置“地球”一词。然后对所有其他行星如此。这是我的代码。我愿意就改进和批评提出建议。 body { background: radial-gradient(circle at bottom, navy 0, black 100%); height: 100vh; overflow: hidden; } ...
  • 网页页脚确实重叠

    当我在搜索栏中搜索项目时,该项目与我的页脚底部div重叠。我该如何克服这个问题?我试图始终将底部注脚div固定在底部,但似乎不起作用,当我搜索某个项目时,它仍然与该div重叠。 有任何想法吗?下面所有必需的代码: html代码: `<div class="footer"> <div class="footer-content"> <input type="text" id="mySearch" onkeyup="myFunction()" placeholder="search.."...
  • 为什么我的CSS样式无法应用于html元素

    我从codepen复制了html代码。当我运行代码时,除了没有应用某些CSS样式外,它运行良好。当我检查元素时,我注意到某些CSS样式是交叉的(在它们上面有一个水平线)。当我将鼠标悬停在它上面时,它显示“无效的属性值”。 html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { font-family: 'Roboto', Arial, sans-serif; font-s...
  • 引导程序4:阻止向右移动的列(使用最小宽度为1200px的浮点数)将另一列向下推

    可能在其他地方已经回答了这个问题,但是我查看了其他帖子的负载,除了以下内容,我看不到直接相关的答案: Bootstrap: move div from one column to another, order counts for mobile devices 这确实很有帮助,但对我来说不起作用,我不确定自己在做什么。 基本上,我已经做到了要使列向右移动的目的(使用使列“向右浮动”的媒体查询),并采用了“移动优先”的方法来实现这一点。但是,问题在于它(绿色“技能”列)迫使我的另一列(红色“角色机会”列)在“...
  • 最大高度不限制嵌套Web组件的高度

    我有一个嵌套在其他Web组件中的列表Web组件。我试图将此列表的高度限制为父容器的100%高度。 To limit height of this list I am using max-height: 100% but it is not working and I do not know why. As the workaround I figured out that I can use vh points and then everything started to work. Then I thou...
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部