草庐IT

backGround

全部标签

javascript - 制作一个不断扩大的圈子,揭示内容背后的规模

所以我有一个一直困扰着我的问题。你能做一个圆圈,当展开时,“删除”父级,但只删除一部分(即圆的宽度和高度)并使该父级后面的内容可见吗?这是一个草图:你能做这样的事情吗?我得到的最接近的是mix-blend-mode:difference;但它只适用于颜色而不适用于其他各种内容,例如文本。 最佳答案 你可以在伪元素中使用radial-gradient作为顶层来做这样的事情,然后简单地控制background-size:.box{width:200px;height:100px;background:blue;position:rela

javascript - 制作一个不断扩大的圈子,揭示内容背后的规模

所以我有一个一直困扰着我的问题。你能做一个圆圈,当展开时,“删除”父级,但只删除一部分(即圆的宽度和高度)并使该父级后面的内容可见吗?这是一个草图:你能做这样的事情吗?我得到的最接近的是mix-blend-mode:difference;但它只适用于颜色而不适用于其他各种内容,例如文本。 最佳答案 你可以在伪元素中使用radial-gradient作为顶层来做这样的事情,然后简单地控制background-size:.box{width:200px;height:100px;background:blue;position:rela

html - -moz-背景剪辑 : *text* in Mozilla

在Mozilla中有实现此功能的好方法吗?我已经使用-webkit-background-clip:text;在Webkit中成功完成了它。我一直试图将它实现到Firefox中,但没有成功。MDN它是否列为-moz-background-clip但没有“文本”属性。最终确定的CSS3属性是background-clip,但我无法确定“文本”是否是跨引擎的有效选项,或者它是否只是一个webkit。预先感谢您的澄清! 最佳答案 我认为Webkit在这一点上是靠自己来支持这个特性的。发现了一个使用SVG的有趣的跨浏览器变体:http://

html - -moz-背景剪辑 : *text* in Mozilla

在Mozilla中有实现此功能的好方法吗?我已经使用-webkit-background-clip:text;在Webkit中成功完成了它。我一直试图将它实现到Firefox中,但没有成功。MDN它是否列为-moz-background-clip但没有“文本”属性。最终确定的CSS3属性是background-clip,但我无法确定“文本”是否是跨引擎的有效选项,或者它是否只是一个webkit。预先感谢您的澄清! 最佳答案 我认为Webkit在这一点上是靠自己来支持这个特性的。发现了一个使用SVG的有趣的跨浏览器变体:http://

java - <h :inputText> enabled/disabled - change background color

我可以更改残疾人的背景颜色吗?我试过这样做:css包含:input:disabled{background-color:blue;}input:enabled{background-color:red;}结果是:我尝试更改背景的原因是,因为我已经安装了richfaces,禁用和启用具有相同的颜色,都是白色谢谢更新:HTML:Směna:Pracovník:richfaces生成的代码和HTML之间的图形差异: 最佳答案 试试这个 关于java-enabled/disabled-chang

java - <h :inputText> enabled/disabled - change background color

我可以更改残疾人的背景颜色吗?我试过这样做:css包含:input:disabled{background-color:blue;}input:enabled{background-color:red;}结果是:我尝试更改背景的原因是,因为我已经安装了richfaces,禁用和启用具有相同的颜色,都是白色谢谢更新:HTML:Směna:Pracovník:richfaces生成的代码和HTML之间的图形差异: 最佳答案 试试这个 关于java-enabled/disabled-chang

javascript - 动态背景滚动

这是alink到我将要提到的内容。我在让背景图片按我希望的方式工作时遇到了一些问题。我希望背景根据窗口的宽度自动调整大小,它已经正确地做到了。如果您缩小窗口,您会看到背景随之缩小。问题来了。如果您使窗口变宽(变短),那么背景将调整大小并变得过高,因此您再也看不到背景的顶部(因为背景位于底部)。当你在页面顶部时,我希望背景位于顶部位置,当你向下滚动时,它会慢慢移动到底部位置。有点像Android手机的背景效果你左右移动。当然,请记住,当您缩小窗口时,我仍然希望背景自动调整大小。html{background-color:#70d4e3;height:100%;}body{height:1

javascript - 动态背景滚动

这是alink到我将要提到的内容。我在让背景图片按我希望的方式工作时遇到了一些问题。我希望背景根据窗口的宽度自动调整大小,它已经正确地做到了。如果您缩小窗口,您会看到背景随之缩小。问题来了。如果您使窗口变宽(变短),那么背景将调整大小并变得过高,因此您再也看不到背景的顶部(因为背景位于底部)。当你在页面顶部时,我希望背景位于顶部位置,当你向下滚动时,它会慢慢移动到底部位置。有点像Android手机的背景效果你左右移动。当然,请记住,当您缩小窗口时,我仍然希望背景自动调整大小。html{background-color:#70d4e3;height:100%;}body{height:1

css - 两列 DIV 布局变为一列居中对齐

在我的网页中央,我有一个ID为center-container的div,其中包含2个div:一个用于视频播放器(左侧),第二个(右侧)用于播放列表等可选内容。在center-containerdiv的上方和下方我还有另一个内容。现在是问题。当播放列表div不存在(未设置)时,如何在不中断剩余布局的情况下使我的视频播放器容器到达页面中间。 最佳答案 您可以像这样使用更少且更简单的代码来做到这一点:.playlist{width:100px;height:100px;float:right;background:blue;margin-

css - 两列 DIV 布局变为一列居中对齐

在我的网页中央,我有一个ID为center-container的div,其中包含2个div:一个用于视频播放器(左侧),第二个(右侧)用于播放列表等可选内容。在center-containerdiv的上方和下方我还有另一个内容。现在是问题。当播放列表div不存在(未设置)时,如何在不中断剩余布局的情况下使我的视频播放器容器到达页面中间。 最佳答案 您可以像这样使用更少且更简单的代码来做到这一点:.playlist{width:100px;height:100px;float:right;background:blue;margin-