个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我正在尝试设置我的页面渐变样式的整个背景，但是，它看起来像这样 http://imgur.com/kr0YnPl
CSS:
#gradient {
background: #00BFFF;
background: -webkit-linear-gradient(to right bottom, #086A87, #00BFFF);
background: linear-gradient(to right bottom, #086A87, #00BFFF);
border-radius: 2px;
}
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<!-- Reset CSS-->
<link rel="stylesheet" href=".../public/stylesheets/css_reset.css">
<!-- Main CSS-->
<link rel="stylesheet" href=".../public/stylesheets/main.css">
</head>
<body id="gradient">
<p>Hello World!</p>
</body>
</html>
我意识到如果我添加 height: 880px; 或一些高度，它看起来像 http://imgur.com/AkUdK3e这就是我想要的样子。但是有没有办法不用设置height呢？我试过了
background-image: linear-gradient(to right bottom,#086A87, #00BFFF);
但它看起来仍然像第一个链接，除非我添加高度。找到我的页面的高度很烦人，我不想添加任何额外的高度，如您所见，我可以在第二张图片中向下滚动。如果添加 height 是唯一的方法，那么定义页面高度的好方法是什么，这样就不会向上/向下或向左/向右滚动了？
谢谢。
最佳答案
这是给你的答案
http://codepen.io/vilaskumkar/pen/bNjzVb
html, body {
height: 100%;
}
body {
background-repeat: no-repeat;
background-attachment: fixed;
}
关于html - CSS渐变背景不完整，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28874741/
24
4
0
我使用 jQuery 已经有一段时间了，但我不知道如何从一个渐变渐变到另一个渐变。我一直在用 http://www.colorzilla.com/gradient-editor/对于我的渐变。例如 b
为了使用 jni 帮助程序库运行测试，我将这样的代码添加到 build.gradle 中: def jniLibDir = "xxx" tasks.withType(Test) { syste
我正在从命令行运行 wsimport 以从 WSDL 生成 java 类，如下所示。 wsimport -J-Djavax.xml.accessExternalDTD=all -J-
我们有一个重复使用第3方 war 的项目(如果有人要求，则为shindig-server-2.0.2.war :)。这场 war 目前位于项目根目录中，当前的ant任务将其解压缩到temp文件夹中，进
我有一个边界框，其坐标由(x，y，w，h)给出，其中x和y是框的左上角坐标。我想在盒子外面应用模糊或渐变。如何使用上面的坐标创建蒙版，并使用类似于下图的PIL或cv2在蒙版之外应用此效果？ 最佳答案
考虑情况http://codepen.io/anon/pen/JdGYBN 我需要在拖动元素时动态更改卡片“可拖动”的背景颜色。 但是卡片的背景应该根据线条的渐变颜色而变化。 background:
我现在有这种情况:JSFIDDLE 我想实现这种效果，但我希望文本可以在渐变后面选择，并且即使我将鼠标放在文本上也可以滚动文本。 是否有任何解决方法可以使用 javascript 来改变滚动时文本的不
这段代码是我从css graident generator得到的，渐变底部是透明的 background: -moz-linear-gradient(top, rgba(248,246,247,1)
我必须使用 CSS 完成以下图像: 这是一张包含主导航的图像。所以我为此写了一些 CSS(我知道不是正确的颜色代码): #menu-block { background: #730868; b
是否可以使用渐变作为渐变中的一种颜色？ 为了我的特定目的，我有一个从左到右的初始渐变: linear-gradient(to right, red, darkgray); 但我希望深灰色部分实际上是从
我这辈子都想不通为什么 transition 属性在我的 CSS 中不起作用。这是代码: #header #menu-top-nav ul li a { -webkit-transition:
我一直在寻找像下图中那样的多组件日期选择器，但在 Github 或其他地方找不到任何东西。 所以我决定做一个。我在实现 CSS 时遇到问题，它在顶部和底部淡出。 我想过在容器中使用:before和:a
我正在寻找与下图等效的 css。我正在使用多个停止点，但很难获得硬停止点 solid 2px white 边框。如果我添加它，它看起来像是一个渐变而不是硬边。任何帮助都会很棒，谢谢! .stripes
我的广告部门给了我一些图像，将其放在网站上的选项卡等。但是我确信这会减慢页面的呈现速度。所以我想我会用 css 来做。然而，经过几次试验，我无法接近以下图像。对于这两张图片，我将不胜感激。 请删除这个
我试图在将鼠标悬停在 div (id="above") 上时更改 body 的背景图像/渐变，我按照他们在另一篇文章 (http://stackoverflow.com/questions/14623
我正在测试所有浏览器的渐变兼容性，我发现渐变在 FireFox 上有不同的效果。请允许我演示测试。 代码 body{
当我使用渐变时，当内容很少时，渐变会重复出现，我该如何防止这种情况发生？ http://jsfiddle.net/mcqpP/1/ 我可以尝试使用 html { height: 100%; }，但是当
我有一个导航栏，它的背景颜色略深。我想要一个从中心到左右两侧的渐变，以便导航栏最右边和最左边的位达到背景颜色。这可能吗？ -->
我在 Firefox 中使用了这个 CSS 线性渐变，但在 Safari 和其他浏览器中似乎无法获得相同的结果。它是联系字段的纸状背景。我试过整个 body 和一个特定的元素，这种风格似乎只适用于 F
我有这行代码 背景:线性渐变(341deg, #8a8a8a 0%, #8a8a8a 31.9%, #000 32.1%, #000 100%); 如您所见，它一半是灰色一半是黑色。有没有办法让它的灰
我是一名优秀的程序员,十分优秀！