html 页面重复度高,html – CSS背景渐变重复问题

我有一个需要扩展宽度和高度的html页面,所以需要能够上下左右滚动,但是我似乎无法使css渐变重复-x并向下留下纯色.

剥离代码：

/p>

"http://www.w3.org/TR/html4/loose.dtd">

html {

height: 100%;

background-color: #366fcd; }

body {

margin: 0;

height: 100%;

width: 100%;

background-color: #366fcd;

background: -moz-linear-gradient(center top, #316494 0%,#366fcd 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #316494),color-stop(1, #366fcd));

background-repeat: repeat-x;

}

div#TheElement {

position: absolute;

width: 100px;

height: 100px;

background-color: #fff;

left: 2000px;

top: 2000px;

}

当您向下滚动时,这会将渐变运行为纯色(#366fcd),但是当您向右滚动时,渐变会停止,您也会看到纯色. See example.

如果我删除背景颜色：#366fcd;从html元素开始,然后渐变沿着x轴重复,但是当你向下滚动时,渐变停止并出现白色. See example.

我知道我总是可以使用背景图像,但更喜欢让CSS工作.

哦,是的,这是在OSX Lion的Chrome和FF上测试的.

安东尼

html 页面重复度高,html – CSS背景渐变重复问题相关推荐

html 页面重复度高,哪些情况容易造成重复页面
摘要在很多情况下我们明明没有发布重复页面,但为什么产生重复呢?下面我们一起来看看哪些情况容易造成重复页面?以及我们应该如何处理?abc.comabc.com/index.html在浏览器地址栏中输入 ...
CSS背景不透明度[重复]
本文翻译自:CSS Background Opacity [duplicate] This question already has an answer here: 这个问题已经在这里有了答案: Ho ...
css 背景渐变图像_交叉渐变背景图像
css 背景渐变图像 I've been working on a method to fade a page background image sequence, like the current ...
我的学习笔记——CSS背景渐变(Gradients)详解
我的学习笔记--CSS背景渐变(Gradients)详解一.线性渐变(Linear Gradients) 1.语法 background-image: linear-gradient(directi ...
css背景渐变的技巧与方法
[发帖际遇]: the_truth玩宠物的时候不幸损失威望13. css背景渐变的技巧与方法用css实现网页背景渐变的代码如下: 一.从上往下渐变 Example Source Code: body ...
css背景渐变（动画）
css背景渐变(动画) // css背景渐变(动画).writeFarming{background: linear-gradient(-45deg, #2d8cf0, #19be6b, #ff990 ...
0基础快速入门CSS技术栈（4）—图解详细阐述CSS的复合选择器、标签显示模式、行高、CSS背景，及最为重要的CSS三大特性附带权重计算笔试题（附详细案例源码解析过程）
文章目录 1. 0基础快速入门CSS技术栈(4) 2. 重点提炼 3. CSS复合选择器 3.1 后代选择器(重点) 3.1.1 example01 3.2 子元素选择器 3.2.1 exmaple0 ...
前端笔记（4）css，复合选择器，标签的显示模式，行高，css背景，css三大特性
css样式表/层叠样式表(2) (1)css复合选择器后代选择器子元素选择器交集选择器(不常用) 并集选择器链接伪类选择器 (2)标签的显示模式块级元素block-level 行内元素inl ...
css背景图重复怎们弄,CSS如何实现背景图像重复效果
背景图像重复效果,相信大家都有在各大网站上见过.一个好看的背景图片重复效果,可以使我们的网页样式更加美观,内容更加丰富.我们可以通过CSS中background的相关属性来实现这种效果. 推荐参考:& ...

html 页面重复度高,html – CSS背景渐变重复问题

html 页面重复度高,html – CSS背景渐变重复问题相关推荐

最新文章

热门文章