| 
					阅读:5809回复:14
				 如何实现背景色的更改与渐变
					我想用stylish给我所有的背景加上同一种背景色
 body{background-color:#76DA76 !important;} 但是很多时候外边总是有空白边,我以为是browser{},但是没有效果 为什么不用about:config 我还想实现渐变效果,但是在ff里怎么写,style="filter:……"无效啊 抱歉多贴了一遍,但是w3c那边人气太不旺了 | |
| 
 | 
| 1楼#发布于:2006-10-19 23:47 
					你的背景?你指的是什么元素的背景色?表格?整页?层?....				 | |
| 
 | 
| 2楼#发布于:2006-10-19 23:47 
					全部,browser.display.background_color的效果
 我的笔记本太老了,颜色很淡,白底更是刺眼,所以看着很费劲 一般我的编辑器背景色都是某个稍淡的绿色 | |
| 
 | 
| 3楼#发布于:2006-10-19 23:47 
					用Greasemonkey给所有页面加上一个css,设定body标签里有背景色。				 | |
| 
 | 
| 4楼#发布于:2006-10-19 23:47 
					老大,那不是我做过的嘛,stylish里写body就是这个,
 问题是body不会处理空白,而browser.display.background_color会把你目光所及全部改变,我要的是这样的效果 你自己试一下就知道了 body里写了,也没办法让它渐变,我查了css2.1的规格说明,根本就没有滤镜这一章,gradient只提到了三处,什么也没说 | |
| 
 | 
| 5楼#发布于:2006-10-19 23:47 
					body里如果加上强制 topmargin/leftmargin=0会不会管用啊?				 | |
| 
 | 
| 6楼#发布于:2006-10-19 23:47 
					CSS 的话 最外面那个空白,是你没有设置 html 的关系。
 在BODY 外面 其实还有一层 HTML 所以这样就没有事情了 html {
  margin: 0;
  padding: 0;
}至于渐变 filter 是 IE 专有的,至于CSS 是怎么写我就不知道了。 如果我要做的话 我应该会 做一个长点的 1像素的渐变 然后拉宽,如果超出长度了 就给一个 背景色 | |
| 7楼#发布于:2006-10-19 23:47 
					我知道html,但是没意识到margin
 以前只是根据那个config以为是browser, 我试试用做个背景图,用background再说,谢谢 | |
| 
 | 
| 8楼#发布于:2006-10-19 23:47 
					没有用,,这就是效果,和最初完全一样				 | |
| 
 | 
| 9楼#发布于:2006-10-19 23:47 
					而且,顶端也是一样的留出等距的空白,其它网站因设计的不同,空白或宽或窄,就是没有没有的				 | |
| 
 | 
| 10楼#发布于:2006-10-19 23:47 
					试试这个:
   从Lucas Carcia的Gmail SkinCSS改编的。 以下复制到记事本,存成xxx.user.js用greasemonkey打开。 /*
 * Title: bgcolor
 * Description: Greasemonkey script for Firefox to change the bacground color
 * Author: nighttalker, revised from GmailSKinCSS of Lucas Garcia, www.lgarcia.org
 * Updated: 10/21/06
 * 
 */
// ==UserScript==
// @name bgcolor
// @include http://*
// @include https://*
// ==/UserScript==
(function(){ 
	function addGlobalStyle(css) {
		var head, style;
		head = document.getElementsByTagName('head')[0];
		if (!head) { return; }
		style = document.createElement('style');
		style.type = 'text/css';
		style.innerHTML = css;
		head.appendChild(style);
	}
	
	var cssStyle = 'body {top-margin: 0; left margin: 0; background-color:#76DA76}';
	
	addGlobalStyle(cssStyle);
})()另外本站上方的导航栏的背景是一个图片所以不会被自定义的背景色覆盖。 | |
| 
 | 
| 11楼#发布于:2006-10-19 23:47 
					完全一样,没有效果,看起来并不是修改html 页面可以做到,的确应该有个browser之类				 | |
| 
 | 
| 12楼#发布于:2006-10-19 23:47 
					怎么会呢?你看我的图里不是做到了了么?				 | |
| 
 | 
| 13楼#发布于:2006-10-19 23:47 nighttalker:怎么会呢?你看我的图里不是做到了了么?回到原帖 lz要实现的是渐变 | |
| 14楼#发布于:2006-10-19 23:47 
					filter 是, 用圖片吧.				 | |
| 
 | 
 
							
 
				
 
				



 
				
 
				

 
 
