`
chembo
  • 浏览: 924478 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

background图片居中

    博客分类:
  • css
阅读更多
background: url("../images/my.jpg") no-repeat fixed center top transparent
分享到:
评论

相关推荐

    大图片根据分辨率自适应宽度仍居中显示

    问题:一个1920*900的大图,在1024*768的分辨率只能显示一部分,希望仍居中显示 解决方案CSS: 复制代码代码如下:width: 100%; background-position: 50P%; 示例code:  复制代码代码如下:<style> body { ...

    Jsp中如何让图片在div中居中

    jsp中让图片在div中居中显示,如上图 例子: 代码如下: //CSS文件 <style type=”text/css”> #bj{ width:200px; height:200px; border:3px solid red; text-align:center; vertical-align:middle; display:...

    CSS居中实例之大小不固定的图片居中方法

    本文介绍了CSS居中实例之大小不固定的图片居中方法,分享给大家,具体如下: 1.利用table-cell实现垂直居中 [站外图片上传中……(5)] div{ width: 500px; height: 500px; background: #ccc; } .box1{ text...

    JS实现图片垂直居中显示小结

    第1种,居中效果 居中效果 /*第1种,垂直居中效果*/ .box{ width: 200px;height: 200px;border: 1px solid #ccc;...background: gray; margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;

    CSS设置文字图片垂直居中的方法总结

    其实很简单,只需要在尾部增加一个<i></i> ,然后把需要垂直居中的元素设置display:inline-block; vertical-align:middle; 看看效果图 实例代码 复制代码代码如下:<style>*{ margin:0 ; padding:0;}.bg{ ...

    image-crop:图片等比例撑满容器,完全居中展示,会裁剪容器之外的图片区域

    图片等比例撑满容器,完全居中展示,会裁剪图片的非中心区域(类似于CSS中background-size: cover;的效果) 裁切策略 图片占满容器且图片保持原有比例,完全居中展示图片,超出部分将被隐藏 使用示例 <!-- 引入...

    Li list-style-image 图片垂直居中

    list-style-image 图片垂直居中 如果使用list-style-image设置了一个列表项的前面的小图标,在FF下是正常显示的, 但是在IE下想让他也居中正常的显示,死活不听话。 退而求其次,找了一个折中的解决办法, 就是...

    CSS完美解决前端图片变形问题的方法

    一、让图片的宽度或者高度等于容器的宽度或高度,多余的裁掉,然后让图片居中: <style type="text/css"> div{ width: 200px; height: 200px; overflow: hidden; border: 2px solid red; position: ...

    CSS banner图响应式居中显示的方法

    属性能够将图片居中显示,但在窗口拉伸的过程中,图片往往很随着拉伸而变得惨不忍睹,所以我们可以将图片独立出来,并通过隐藏图片两侧的方式,来达到 banner 图在不同尺寸下居中显示的目的 HTML 结构如下 ![]...

    CSS的各种居中——如何书写高质量代码

    水平居中 1、行内元素水平居中(文本,图片) 给父层设置 text-align:center; 可以实现行内元素水平居中。 复制代码代码如下: <!DOCTYPE HTML> <html lang=”en-US”> <head> <meta charset=”...

    DIV+CSS 全屏垂直居中的一个办法

    我是先定了一个点在中间,然后再把里边的这一块居中处理; <style> #info{height:0px; width:0px;top:50%; left:50%;position:absolute;} #center{background:#FFCC33;border:1px solid #0033FF; width:300...

    WinForm中实现picturebox自适应图片大小的方法

    pictureBox1.BackgroundImage = Image,pictureBox1.load(url) 为使加载的图片自使用控件尺寸,可以分别对pictureBox控件设置BackGroundImageLayout=Stretch,SizeMode=StretchImagewinform中picturebox自适应图片...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    1.复合选择器 (1)后代选择器(包含... background:颜色 图片地址url 平铺 滚动 位置 没有顺序要求 (7)背景色半透明 background:rgba(0,0,0,0.3)取值0-1 0.3也可以写成.3 背景色半透明 盒子里面内容不受影响

    不规则背景墙 CSS实现背景图片不规则的导航菜单

    一般情况下导航菜单的背景图片都是比较有规则的,但是平时我们也会遇到很多背景图片形状不规则导航条(比如但鼠标移上的时候,背景图片不规则,本例只讨论此种类型),如下图所示: (图一) 当鼠标移上去的时候背景...

    静态页练习

    body { font: 12px Tahoma;/*字体的大小和样式*/ margin: 0px;/*边距*/ text-align: center;/*文字对齐方式*/ background: #FFF;.../*将路径为logo.gif的图片因为图片,并且按原图大小(不平铺)*/ }

    css 设置全屏背景图片

    但效果很可能会是这样: 图片没有重叠,居中,并且…她太小了,无法占领全部的页面。 很可惜,CSS2中并没有图片全屏拉伸的属性,所以我自己想了个办法。 利用一个DIV层,在里面装载一个IMG标签。然后设置DIV和IMG的...

    CSS网页设计:百分比进行背景图片定位

    例如希望背景图片水平居中,距离容器顶部20px,可以使用 background-position: 50 px; 之所以不使用 background-position: center 20px; 是因为类似这种描述性词语和数值混用的形式不被W3C推荐。(单纯的描述性...

    固定宽度 高度的页面在不同分辨率的屏幕上垂直 水平居中

    怎样实现固定宽度、高度的页面在不同分辨率的屏幕上垂直、水平居中,要求兼容IE;注意不是一张图片,也不是宽度和高度都比较小的div,而是整个页面,具体如代码如下 复制代码代码如下: <html> <head> &...

    sike-css0to1-profile:http

    思客前端学习 [TOC] 第一天 ...基础建议 设置doctype 设置页面编码 引入初始化css 扩展建议 ...要求 IE 遵守现代浏览器的渲染标准 锁死页面在移动设备显示宽度 ... /* 背景图片居中 */ } 居中外包围框 作用 居中内

    css新手教程之背景图充满整个屏幕

    想让整个界面有一个背景图片,自然想到的是在body上加background,代码如下: body { width:100%; height: 100%; /* 加载背景图 */ background: url("../static/images/index/backImg.jpg") no-repeat; /* ...

Global site tag (gtag.js) - Google Analytics