`

颜色和背景

    博客分类:
  • css
 
阅读更多

1.当background-attachment:fixed时,元素会根据视窗进行定位。因此,背景模式都从视窗的左上角开始平铺,而不是从单个元素的左上角开始。对于body,可以看到整个重复模式。不过,对于其他元素,只是在其内边距和内容区才能看到它的背景。

span{
	background:url(mm1.jpg) fixed 0px 0px #000;
}
<div style="width: 420px;background-color: silver;padding: 10px;margin-top: 50px;border: 1px solid">
	<div class="neg">
		a paragraph
	</div>
</div>
<span style="border:1px solid;"> next div <br> next div<br>next div <br> next div
	next div <br> next div<br>next div <br> next div
	next div <br> next div<br>next div <br> next div
	next div <br> next div<br>next div <br> next div
	next div <br> next div<br>next div <br> next div
	<br><br><br><br><br/><br><br><br><br><br><br>
</span>

拖动滚动条:

 

修改css代码为: 

body,span{
	background:url(mm1.jpg) fixed 0px 0px #000;
}

 

拖动滚动条

 

这种功能可以用来创建一些非常复杂的效果。其中最有名的例子是“复螺旋变形”演示(http://meyerweb.com/eric/css/edge/complexspiral/glassy.html

这种视觉效果是通过为body元素指定不同的固定关联背景图像生成的。整个演示有一个HTML文档、4个JPEG图像和一个样式表驱动。由于所有这4个图像都位于浏览器

窗口的左上角,但只是与其他元素相交的部分可见,这些图像实际上会交叠,产生一种半透明波纹玻璃的感觉。

 

参考文章:CSS权威指南(第三版)

 

  • 大小: 66.2 KB
  • 大小: 65.5 KB
  • 大小: 182.4 KB
  • 大小: 182 KB
分享到:
评论

相关推荐

    【最新】MFC, CListCtrl 自定义字体、颜色和背景

    本教程将深入探讨如何在MFC中自定义CListCtrl的字体、颜色以及背景,使其更具个性化和可读性。 首先,了解CListCtrl的基本结构。CListCtrl通常包含多列,每列可以有不同的标题,数据行在各列中显示不同的信息。为了...

    设置CListCtrl单元格颜色和背景色VC++6.0

    在VC++6.0开发环境中,使用MFC(Microsoft Foundation Classes)库时,我们经常会遇到需要自定义控件样式的情况,比如改变CListCtrl控件的单元格颜色和背景色。CListCtrl是MFC中用于创建类似Windows资源管理器列表...

    设置CButton控件的字体颜色和背景颜色

    然而,系统默认的CButton控件仅提供了基本样式,如果我们想要自定义其字体颜色和背景颜色,就需要进行一些额外的工作。本篇将详细讲解如何通过创建一个新的类并重写DrawItem函数来实现这一功能。 首先,我们需要...

    tab颜色和背景

    本篇文章将详细介绍如何在MFC应用中自定义Tab控件的颜色和背景,以达到更加个性化和美观的界面效果。 首先,我们需要理解Tab控件在MFC中的基本用法。Tab控件通常用来组织和展示多个相关的页面或视图,用户可以通过...

    设置CListCtrl单元格颜色和背景色

    在某些场景下,我们可能需要自定义CListCtrl的显示效果,比如改变单元格的颜色和背景色,以达到更吸引人的视觉效果或者突出特定数据。本文将深入探讨如何动态设置CListCtrl单元格的颜色和背景色。 首先,我们需要...

    java console程序改变字的颜色和背景颜色

    在Java编程环境中,控制台输出通常是黑白两色,但有时候我们可能希望在控制台上实现更加丰富的视觉效果,比如改变字体颜色和背景颜色。这在一些命令行应用中可能会增加用户体验或者帮助突出关键信息。尽管Java标准库...

    可以改变ListCtr控件中的显示颜色和背景颜色 VS2010实现

    如果你需要控制列的背景和文字颜色,还需要重写`OnDrawSubItem()`。这个函数负责绘制列的文本和背景。 4. **使用CDC对象设置颜色**: 在`OnDrawItem()`和`OnDrawSubItem()`中,你可以使用`CDC::SetTextColor()`和...

    改变 CListCtrl、CHeaderCtrl 高度、字体、颜色和背景

    在这个消息处理函数中,你可以设置画笔的颜色,影响列头的文本和背景。 4. **背景**:除了颜色,背景也可以通过设置刷子来改变。你可以创建一个自定义的`HBRUSH`,然后在`WM_CTLCOLORHDR`消息的处理函数中返回它。 ...

    自定义seekbar颜色和背景

    自定义SeekBar的颜色和背景可以让应用程序界面更具个性化和专业感。下面将详细介绍如何在Android中实现这个功能。 一、自定义SeekBar颜色 1. **改变Thumb(滑块)颜色**: SeekBar的滑块颜色可以通过设置`thumb`...

    设置CButton控件的字体颜色和背景颜色+使用方法

    当我们需要对按钮进行更细致的定制,比如改变字体颜色和背景颜色时,就需要深入理解CButton的使用方法。下面我们将详细探讨如何设置CButton控件的字体颜色和背景颜色,以及如何通过自定义类来实现这些功能。 首先,...

    VC6 Tab控件 改变标签和背景颜色 程序源代码

    在本文中,我们将深入探讨如何在Visual C++ 6 (简称VC6)环境中自定义Tab控件的颜色,包括标签和背景色。这个程序源代码提供了一个实用的例子,可以帮助开发者实现这一功能,使得Tab控件与主窗口背景颜色一致,提高...

    textbox更改Enable属性为false时的字体颜色和背景色

    本文将详细介绍如何在Textbox的`Enabled`属性被设置为`false`时自定义其字体颜色和背景色。 ### 一、问题概述 在Windows Forms中,Textbox控件默认的行为是在`Enabled`属性设置为`false`时改变字体颜色(通常变为...

    编辑框的文字颜色和背景都可以改变

    当涉及到用户体验(UX)优化时,编辑框的颜色和背景设计至关重要,因为它们直接影响到用户的可读性和舒适度。在本文中,我们将深入探讨如何改变编辑框的文字颜色和背景,以及这对用户界面的影响。 首先,我们要理解...

    html5 progress进度条颜色和背景色修改

    html5 progress进度条颜色和背景色修改

    改变CListCtrlCHeaderCtrl高度字体颜色和背景增强版

    在这个"改变CListCtrlCHeaderCtrl高度字体颜色和背景增强版"的主题中,我们将探讨如何自定义这些控件的视觉样式,包括调整列头的高度、修改字体颜色以及改变背景颜色,从而提升用户界面的美观性和可用性。...

    VC改变对话框按钮字体颜色和背景的解决方案

    ### VC改变对话框按钮字体颜色和背景的解决方案 #### 概述 在Windows应用程序开发过程中,经常需要定制对话框中的控件样式以满足特定的设计需求。对于CButton类的按钮而言,想要更改其字体颜色与背景颜色,通常...

    VC 改变CListCtrlCHeaderCtrl高度字体颜色和背景增强版.rar

    我们需要重写`OnDrawItem`方法,使用`CDC`对象来绘制标题的背景和文字。 ```cpp class CCustomHeaderCtrl : public CHeaderCtrl { public: void SetHeaderColors(COLORREF textBkColor, COLORREF textColor) { m...

    VC改变对话框按钮字体颜色和背景的解决方案[参照].pdf

    VC改变对话框按钮字体颜色和背景的解决方案 本文主要介绍如何修改VC对话框按钮的字体颜色和背景颜色。要实现这个功能,需要使用自绘方法对按钮进行重新绘制。这可以通过定义一个以CButton为基类的新按钮类来实现。 ...

    多彩文件夹 1.3,变换文件夹的图示,改变其自身颜色和背景,此外还可对文件夹进行伪装

    此软件可以变换文件夹的图示,改变其自身颜色和背景,此外还可对文件夹进行 伪装,让文件夹清晰可辨! 1.增加了图示和图片的预览功能。 2.增加了自动确认功能。 3.增加了目录框拖放功能,对于要设置的文件夹可...

Global site tag (gtag.js) - Google Analytics