DIV解决背景图片拉伸而不平铺的效果 - - ITeye博客

`

zhangxpower

浏览: 63442 次
性别:
来自: 北京

最近访客更多访客>>

私奔到冰岛

林祥纤

查看余e

lightofsms

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

learn_2010： IE 8 不兼容，层里面的内容没有办法点击了.
DIV解决背景图片拉伸而不平铺的效果
弃天笑：说得很有道理呀一早看到这个篇文章就好了
总结过去10年的程序员生涯（经验）
intresources：
二进制原码反码补码
zhangxpower：恩，有.我试过了.
jquery的$(document).ready()与window.onload区别
lybykw：有这等事？
jquery的$(document).ready()与window.onload区别

DIV解决背景图片拉伸而不平铺的效果

博客分类：

CSS

阅读更多

核心：对该DIV加上一个样式滤镜style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='initGlobalSetImg.do?method=getLoginImg', sizingMethod='scale')"

基本设置:样式
{
background: url("initGlobalSetImg.do?method=getLoginImg") center no-repeat;
width:658px;
height:189px;
position:relative;
z-index:0;
}

分享到：

android 开发实用 | EXT 模块化编程实现人员信息的添加

2011-07-26 10:47
浏览 3202
评论(1)
分类:Web前端
查看更多

评论

1 楼 learn_2010 2012-08-29

IE 8 不兼容，层里面的内容没有办法点击了.

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

div100%平铺浏览器缩小或在手机上查看 div背景显示不全bug的解决.rar: 标题中的"div100%平铺浏览器缩小或在手机上查看 div背景显示不全bug的解决"就直指这个常见的前端开发问题。首先，让我们深入理解一下`div`元素的背景图片设置。在CSS中，我们可以使用`background-image`属性来...

简单方法实现Delphi窗体背景平铺效果..rar: 本教程将详细介绍如何在Delphi中实现窗体背景的平铺效果，使得背景图片无缝重复显示，提升应用的整体视觉体验。首先，我们需要了解平铺的概念。平铺是指将一个或多个小图像重复排列，覆盖整个窗口或区域，形成连续...

div css background背景: 6. **背景附件**：`background-attachment`属性决定背景图片是否随滚动而移动。`scroll`是默认值，随内容滚动；`fixed`则使背景相对于视口固定。 7. **简写属性**：以上所有属性可以合并到一个`background`简写属性...

实现网页背景图片拉伸的两种方法: 这种方法虽然可以解决背景图片拉伸的问题，但是它并不支持IE6版本的浏览器。第二种方法，是使用jQuery动态设置背景图片的尺寸。jQuery是一个快速、小巧且功能丰富的JavaScript库，它能够简化HTML文档遍历、事件...

用CSS把背景图片平铺参考.pdf: ASP.NET中把背景图片拉伸在ASP.NET中，我们可以使用background-image属性来设置背景图片，并使用background-repeat属性来实现背景图片的平铺。例如： ```css body { background-image: url('a.jpg'); ...

CSS实现HTML背景图片拉伸铺满示例: 特别是，当需要将背景图片拉伸以铺满整个页面或页面的某个元素时，这一需求变得尤为突出。在本次的示例中，我们将探讨如何使用CSS来实现背景图片的拉伸铺满效果。首先，我们注意到示例中使用的CSS选择器`#img`，这...

利用jQuery和CSS将背景图片拉伸: 在讲解之前，需要明确一点，背景图片的平铺可以通过CSS的`background-repeat`属性实现，但本文的重点在于背景图片的拉伸。首先，我们介绍一种纯CSS的解决方案。CSS3引入的`background-size`属性可以帮助我们实现...

DIV+CSS创建网页-背景属性.pptx: - `no-repeat`：背景图像不平铺，只显示一次。 - `repeat-x`：仅沿水平方向平铺。 - `repeat-y`：仅沿垂直方向平铺。 5. **背景图像的位置**： - `background-position`属性用来设定背景图像在元素内的位置。你...

div设置背景图片且x轴重复排列的css样式: 如果背景图片的宽度大于`div`的宽度，它会在X轴上不重复，仅在Y轴上重复。最后，如果希望背景图片同时在X轴和Y轴上重复，可以省略`background-repeat`属性，或者将其设置为`repeat`： ```css #box { width: 200...

asp.net 用图像平铺形状: 在ASP.NET中，图像平铺是一种常见的网页设计技术，它涉及到将一个或多个小图像重复显示，形成背景或装饰效果，使整个页面看起来有特定的视觉样式。这通常用于创建瓷砖效果，比如在网页背景中重复一个图案或者图标。...

Div CSS网站布局视频教程第4课_CSS设置图片效果: 2. **背景图片**：通过`background-image`属性，我们可以将图片设置为元素的背景，然后使用`background-size`、`background-repeat`和`background-position`等属性来控制背景图片的显示方式，比如平铺、居中、拉伸等...

使用Vue-cli 中为单独页面设置背景图片铺满全屏: 这个过程主要涉及到CSS样式的设置，以确保背景图片可以覆盖整个页面并且不会出现重复或拉伸失真的情况。下面，我们就来详细探讨如何实现这一效果。首先，我们知道在HTML和CSS中，要使背景图片铺满全屏，需要设置...

解决XP IE8不支持css3的background-size问题实例: 这个问题是由于IE8浏览器的内核不支持CSS3新特性导致的，而`background-size`属性则是CSS3中用于控制背景图片尺寸的一个强大工具。首先，我们需要理解`background-size`属性的作用。它允许开发者独立于元素本身的...

css+div网站的实例（英文）: CSS也可以用来调整图片的大小、边框、对齐方式等，甚至可以实现一些高级效果，如背景图像的平铺、拉伸、裁剪等。总的来说，这个"css+div网站"实例展示了如何将HTML的结构与CSS的样式结合起来，创建出有吸引力且...

DIV-CSS: 4. **背景图片平铺和渐变**: 支持背景图片的重复、拉伸、裁剪，以及线性渐变和径向渐变。 5. **多列布局（Multi-column Layout）**: 为文本提供类似报纸的多列布局。 6. **Flexbox**: 弹性盒布局，用于创建弹性...

jQuery响应式图片无缝轮播插件: 2. **背景图片应用**：插件将轮播图片设置为元素的背景图片，这种做法不仅节省了页面加载时间，还能更好地控制图片的显示效果，如平铺、拉伸或居中等。 3. **无限轮播**：插件支持无限轮播，这意味着当最后一张图片...

css3教程: `word-wrap`属性可以解决长单词或URL在窄列中不换行的问题，使其自动换行，避免页面布局出现错乱。 #### 九、自定义字体：`@font-face` CSS3引入了`@font-face`规则，允许网站使用任何字体，只要该字体文件放置在...

img.7z 伪——料理次元官网所用图片: 在HTML中，这些切片将被作为背景图片应用到相应的div元素上，通过CSS的background-image属性设置，配合position和size属性来调整位置和大小，实现动态响应的界面布局。接着，"bottom_bg_001.jpg"、"top_bg_001.jpg...

CSS3圆角边框和边界图片效果实例: 这将在红色背景的div元素周围创建一个10px向右、10px向下偏移的阴影，具有5px的模糊效果，颜色为黑色。 3. 边界图片（border-image） `border-image`属性允许我们将图像用作元素边框，提供了更多的装饰可能性。图像...

HTML5应用开发技术-CSS3的高级属性.pptx: `background-repeat`属性设置为`no-repeat`，确保每个背景图像不重复显示，而`background-position`则指定了每个图像的位置，分别是`bottom`、`right top`和`center`。 2. **图片边框**： CSS3中的`border-image`...

Global site tag (gtag.js) - Google Analytics