草庐IT

html - 在不影响按钮的情况下更改 Bootstrap 导航栏不透明度

我只希望我的导航栏按钮可见,而横跨整个页面的实际栏完全不透明。每当我更改导航栏的不透明度时,它都会影响其中的类,即使我指定这些类没有不透明度也是如此。我已经发布了我要复制的图像。如您所见,链接完整显示,但导航栏不可见,从而显示完整的背景图像。它可能看起来像一个实心的红色栏,但我向你保证它是一个不可见的导航栏。任何帮助将不胜感激!谢谢。这是我的导航栏HTML代码:HomegrownHomeAboutContact到目前为止,我已尝试使用以下内容编辑我的CSS:ul.nav.nav-pills{background:rgba(255,255,255,0.5)}.custom_nav{.na

html - 在不影响按钮的情况下更改 Bootstrap 导航栏不透明度

我只希望我的导航栏按钮可见,而横跨整个页面的实际栏完全不透明。每当我更改导航栏的不透明度时,它都会影响其中的类,即使我指定这些类没有不透明度也是如此。我已经发布了我要复制的图像。如您所见,链接完整显示,但导航栏不可见,从而显示完整的背景图像。它可能看起来像一个实心的红色栏,但我向你保证它是一个不可见的导航栏。任何帮助将不胜感激!谢谢。这是我的导航栏HTML代码:HomegrownHomeAboutContact到目前为止,我已尝试使用以下内容编辑我的CSS:ul.nav.nav-pills{background:rgba(255,255,255,0.5)}.custom_nav{.na

html - 父 div 背景的透明度

我想知道是否可以影响父div的bg颜色或不透明度。我有一个透明白色的div:background-color:rgba(255,255,255,0.9);div包含带圆Angular的文本字段,文本字段的背景颜色是否可以某种方式为负透明度数,以便div和文本字段的总不透明度等于0.5?这就像在已经透明的div的圆形记录中增加透明度。我提出了3种可能的解决方案:使父dic完全透明,并将div绘制为字段周围的框架。(听起来很复杂。)在文本字段内再次添加div下面的内容。(性能?)某种十字路口。你觉得我应该怎么做?--编辑---我使用了解决方案#2的变体,我创建了一个png文件。这是(未经调

html - 父 div 背景的透明度

我想知道是否可以影响父div的bg颜色或不透明度。我有一个透明白色的div:background-color:rgba(255,255,255,0.9);div包含带圆Angular的文本字段,文本字段的背景颜色是否可以某种方式为负透明度数,以便div和文本字段的总不透明度等于0.5?这就像在已经透明的div的圆形记录中增加透明度。我提出了3种可能的解决方案:使父dic完全透明,并将div绘制为字段周围的框架。(听起来很复杂。)在文本字段内再次添加div下面的内容。(性能?)某种十字路口。你觉得我应该怎么做?--编辑---我使用了解决方案#2的变体,我创建了一个png文件。这是(未经调

javascript - 如何将 'fadein' 和 'animate' 文本放在页面中间?

我想知道是否可以在页面中间分配一组堆叠文本?将它们放在中心并不太难,但问题是它们位于left、right、top和bottom,我认为这意味着他们需要被赋予:position:absolute。此外,.headline文本被赋予淡入(不透明度0到100)和动画命令。在缩放方面,文本是响应式的,并且随着窗口变小而变小。此外,它们还被分配了自己的z-index。在下图中,我已经列出了我想要实现的整体结构,但是由于我想要实现的文本行为,我在这样做时遇到了很多困难。对于功能引用,这里是一个jsfiddle.请帮助我并提前谢谢你!请注意,我宁愿只使用CSS,因为它是一个只在页面加载时出现一次的简

javascript - 如何将 'fadein' 和 'animate' 文本放在页面中间?

我想知道是否可以在页面中间分配一组堆叠文本?将它们放在中心并不太难,但问题是它们位于left、right、top和bottom,我认为这意味着他们需要被赋予:position:absolute。此外,.headline文本被赋予淡入(不透明度0到100)和动画命令。在缩放方面,文本是响应式的,并且随着窗口变小而变小。此外,它们还被分配了自己的z-index。在下图中,我已经列出了我想要实现的整体结构,但是由于我想要实现的文本行为,我在这样做时遇到了很多困难。对于功能引用,这里是一个jsfiddle.请帮助我并提前谢谢你!请注意,我宁愿只使用CSS,因为它是一个只在页面加载时出现一次的简

jquery - 从上到下过渡不透明文本

我有一个div,具有给定的height,它使用jQuery转换到更大的height。过渡到更高的div使用transition元素平滑。由于div扩展过渡是线性,延迟0.5秒,我还使用transition从移动7行文本不透明度:0到不透明度:1。但是,我希望这个转换从上到下(第1行比第2行快一点,比第3行快一点,等等),在div转换之后,而不是一次所有行一次。怎么做?代码如下:$("small").on("click",function(){$(".post1").toggleClass("show-post");});.post1{border:1pxsolidgrey;margin

jquery - 从上到下过渡不透明文本

我有一个div,具有给定的height,它使用jQuery转换到更大的height。过渡到更高的div使用transition元素平滑。由于div扩展过渡是线性,延迟0.5秒,我还使用transition从移动7行文本不透明度:0到不透明度:1。但是,我希望这个转换从上到下(第1行比第2行快一点,比第3行快一点,等等),在div转换之后,而不是一次所有行一次。怎么做?代码如下:$("small").on("click",function(){$(".post1").toggleClass("show-post");});.post1{border:1pxsolidgrey;margin

html - 使用 CSS 定义的不透明度设置 div 中元素的不透明度?

我正在做一个元素,在这个元素中我使用图像作为菜单的背景。我在我的CSS样式表中定义了类,这些类规定了元素被“选中”或未被“选中”时的外观,这意味着用户不在每个元素链接到的页面上。我在图像顶部设置了一个div结构,并对其应用了样式,使其具有半透明的白色背景,因此看起来图像的那部分被突出显示了。每个半透明的div还包含构成链接的文本,颜色设置为白色。我希望div保持不透明度,而文本保持不透明度为“1”。我已经尝试过类似问题(CSS-ApplyOpacitytoElementbutNOTToTextWithinTheElement)中讨论的方法,但该方法似乎对我不起作用。我已经在J​​SFi

html - 使用 CSS 定义的不透明度设置 div 中元素的不透明度?

我正在做一个元素,在这个元素中我使用图像作为菜单的背景。我在我的CSS样式表中定义了类,这些类规定了元素被“选中”或未被“选中”时的外观,这意味着用户不在每个元素链接到的页面上。我在图像顶部设置了一个div结构,并对其应用了样式,使其具有半透明的白色背景,因此看起来图像的那部分被突出显示了。每个半透明的div还包含构成链接的文本,颜色设置为白色。我希望div保持不透明度,而文本保持不透明度为“1”。我已经尝试过类似问题(CSS-ApplyOpacitytoElementbutNOTToTextWithinTheElement)中讨论的方法,但该方法似乎对我不起作用。我已经在J​​SFi