<!DOCTYPE html>
<html>
<head>
<title>CSS01.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
div{
width: 800px;
height:600px;
background-color: yellow;
}
#d1{
background-image: url(../pic/a.jpg);
background-repeat: no-repeat;/*不重复，就是不铺满啊*/
background-attachment:fixed;/*让图片固定，不要随着滚动条的滚动而出现图片的上下移动*/
}
</style>
</head>
<body>
测试
<div id="d1"></div>
</body>
<script type="text/javascript">
document.getElementById('d1').style['backgroundAttachment'] = 'scroll ';
document.getElementById('d1').style.backgroundImage = 'url(../pic/a.jpg)';
function $(id){return document.getElementById(id);}
$('d1').style.backgroundRepeat = 'no-repeat';
</script>
</html>
分享到：
相关推荐
在CSS中，我们使用`background`属性或者其子属性（如`background-image`、`background-size`、`background-position`、`background-repeat`）来设置背景视频。其中，`background-size`用于控制视频的大小，`...
CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位
colorful-background-css-generator, 彩色css渐变 background 生成器 彩色css渐变 background-生成器用于创建彩色css背景的纯javascript生成器。检查这里网站查看生成器中的操作并使用颜色设置进行播放。它的思想是...
在CSS中，`background-position`属性是一个非常重要的部分，它控制着背景图像在元素内的位置。这个属性允许我们精确地定位背景图像，从而实现各种视觉效果。 批量输出`background-position`属性的定位像素值通常是...
在提供的文档“div css background背景.doc”中，可能包含了更详细的代码示例和实践案例，建议查看以加深理解。对于初学者来说，通过动手实践和不断调整背景属性，可以更好地掌握这个重要技能。记住，良好的网页设计...
本文将深入探讨如何使用`background-image`属性来实现多张背景图片的设置，并介绍CSS3中的背景渐变。 首先，我们来看一下`background-image`属性的基本语法。它接受一个或多个 `<bg-image>` 值，每个值可以是 `none...
本文将深入探讨如何通过PostCSS插件和一个微小的JavaScript脚本来实现在CSS `background`属性中无缝地使用WebP图片。 首先，让我们了解PostCSS。PostCSS是一个工具，允许开发者使用自定义语法来处理CSS，并将其转换...
本话题将详细探讨如何在layui中修改弹出层的样式，特别是如何使用CSS的`background`属性来设置多个背景图片。 首先，我们需要理解layui弹出层的工作原理。layui的弹出层是通过JavaScript动态生成HTML元素实现的，...
CSS3的`background-size`属性就是实现响应式图片等比例缩放的关键技术之一，它解决了传统方法中图片在不同屏幕尺寸下显示不适应的问题。 `background-size`属性允许我们自定义背景图片的大小，而不仅仅是局限于图片...
CSS中的`background`属性是一个非常重要的样式规则，用于设置元素的背景效果，包括背景颜色、背景图像、背景重复方式、背景是否固定以及背景位置等。这个属性允许开发者在一个声明中控制多个背景属性，大大简化了CSS...
在CSS（层叠样式表）中，`background`属性是一个非常实用的复合属性，它允许开发者在一个声明中设置多个背景属性，从而简化代码，提高效率。这个属性包括了五个主要的部分，它们分别是： 1. `background-color`: ...
CSS中的background-position属性用于设置或检索对象的背景图像位置。要使用这个属性，必须先通过background-image属性指定了一个背景图片。background-position属性的位置定位不会受到对象的padding（内边距）属性...
在JavaScript中，获取CSS属性，特别是像`background-image`这样的复合属性，可能需要一些技巧。在上述场景中，开发者遇到了一个问题，需要从CSS的`background-image`属性中提取出图片URL。`background-image`属性...
本教程将详细介绍如何使用CSS Hack来区分IE6、IE7和Firefox。 1. 区分IE6与Firefox： 在CSS中，可以使用星号(*)前缀作为hack，这在IE6中被识别，而Firefox则无法识别。例如： ```css background: orange; /* ...
CSS里的background-size属性能够让程序员决定如何在指定的元素里展示。MooTools程序员Christoph Pojer在他的网站上运用了background-size技术，使得在浏览器上他的头像始终“全面覆盖”在页头上——甚至是在手机上。...
在CSS中，背景属性是网页设计中不可或缺的一部分，它能够为元素添加颜色、图像或两者组合，从而丰富页面的视觉效果。这篇“CSS背景全攻略”深入探讨了CSS背景属性的各个方面，包括基本用法、技巧以及CSS3的新特性。 ...
本实例主要关注的是如何解决在Windows XP系统下，使用Internet Explorer 8（IE8）浏览器时遇到的不支持CSS3 `background-size`属性的问题。这个问题是由于IE8浏览器的内核不支持CSS3新特性导致的，而`background-...
以下将详细介绍每个相关属性的含义和用法。 1. background-color background-color用于设置元素的背景颜色。它接受十六进制颜色、RGB颜色、RGBA颜色、HSL颜色、HSLA颜色或预定义颜色值（如red、blue等）。如果未...