在Web开发中我们经常要碰到这样的问题:在为一个页面设置背景图片之后往往希望图片能够在分辨率比较大的情况下水平垂直都居中显示。通常水平居中显示在Css中是很容易做到的,而垂直居中就需要使用一些Css的技巧: 1. 首先为了能使得网站能够根据浏览器大小自适应,我们需要将页面的body元素height值设为100%,而在这之前,我们需要将xhtml验证从网站头删除。 之后在页面上添加如下css文件设置body的高度为100%,html元素的设...
CSS+js弹出居中的背景半透明div层丨芯晴网页特效丨CsrCode.Cn body{margin:0px;} #bg{width: 100%;height: 100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity= 50);opacity: 0.5; background:# 000000; display:none;} #popbox{position:absolute;width:400px; height:400px; left: 50%; top: 50%; margin:-200px 0 0 -200px; display:none; background:# 666666;} function pupop...
很久不更新博客,整理了CSS的一些常用效果,尽量兼容多的浏览器,包括背景图片固定居中,div阴影,背景半透明,div圆角,DIV渐变等。 < html > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < title > CSS test </ title > ...
html css 问题描述: 主要用于实现竖直菜单,主菜单有二级子菜单,想通过使用ul嵌套实现子菜单功能,菜单使用背景色没有问题,但替换成背景图片,结果使主菜单的ul与子菜单的ul重叠,一直未解决,请各位帮帮忙。 具体代码如下: html代码: 相关法规 操作员计算机IE设置 电子签章办理须知 相关下载 CSS代码: #menu { width:400px...
刚搜了个图片,psd图片的宽度是1920px,跟往常一样,切下背景部分,如下图: 背景图片大小为:1920px 在css中给body运用此背景: body{margin:0 auto; padding:0; font-size:12px; font-family:"宋体";background:url(images/bg.jpg) no-repeat center top;} 显示出来时这个样子的 就是两边背景的花色都没有看出来,浏览器的宽度太小了。。。 想请问下大家,对于这种宽度2000px左右的背景,大家都...
地址在这:https://www.tenpay.com/v2/index.shtml 还没搞清他们是怎么实现的,求大神指点,我在网上查了一下,好像是要用到animate的jquery插件,我想问有没有不用插件就可以实现这个箭头顺时针的方法呢? 背景图片在这: 回复讨论(解决方案) 无标题文档span.bottom{ position: relative; width: 25px; height: 25px; float: left; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -o-tra...
.main .content_box{/* width:1156px;height:auto; */width:100%;background:url(./images/img/bg.png) repeat-x scroll 0 0;border-top:1px solid #ddd;} 这个是代码 图片是没显示背景的部分 这个是淘宝大学的背景显示的 回复讨论(解决方案) 你在浏览器调试工具里面看看,url(./images/img/bg.png)这个找到规定的图片了吗? 应该是背景的路径错误了
本帖最后由 zhaishang1 于 2013-12-16 09:07:25 编辑 我有三个DIV,设为FLOAT,并排显示,中间一个固定1280PX宽度,另外两边根据屏幕宽度剩余大小平均分配。 然后我给中间的DIV加入背景图片,旁边2个DIV同样加入背景图片,用来补充边边角角。最后我给中间的DIV插入透明FLASH。目前这些都已经完美实现。效果如下: 你可以看见顶部和中间都有透明FLASH的效果,这2个FLASH都是在中间的DIV里面。顶部是星星点点,中部是蝴蝶。 ...
HTML CSS 层怎么让背景水平垂直居中呢? 代码如下: .ft_br{ width:1190px; height:250px; margin:0 auto; padding:0; backgroud:url(./images/ft.gif) no-repeat;/* 背景图片的尺寸是160px*50px的*/} 回复讨论(解决方案) 设置背景比较苛刻,可以用两层 valign:center div中加这个 valign:center div中加这个 别忘了来结贴啊 backgroud:url(./images/ft.gif) center center no-repeat; 也就是背景...
文本框 请问文本框的背景色设为黑色的时候,禁用文本框,里面的文字变得很虚,这有方法弄下吗, 无标题文档body{margin:0px; padding:0px; font-size:12px; background:#999 } 回复讨论(解决方案) 吧 禁用改成 readonly disabled="disabled" 换成 readonly= "readonly" 不行的,readonly= "readonly" 不是真正意义上的禁用,我要禁用后传不会传输,用readonly= "readonly"这个的话,提交的时候里面的值...
背景图片高度是1400像素,网页高度是1900像素,到浏览到第三屏时背景图片固定。这个怎么写,这问题不太好描述,不知道能不能看明白。 回复讨论(解决方案) 用jquery scroll()来侦测是否浏览到第三屏,然后添加一个class,使得background-position, fixed. jQuery(window).scroll(function(){ if(jQuery(window).scrollTop() > 1399){ jQuery(html).addClass(scrolled); }else{ jQuery(html).removeCla...
用一个小图片做一个背景,我想监听小图片的点击事件,应该怎么监听。 .libiao_menu{ background:url("images/1.gif") no-repeat 0 -41px;} 我就想监听这个1.gif图片点击事件。 回复讨论(解决方案) 可以通过坐标判断模拟 没有直接的判断吗? 通过坐标模拟判断说具体点,谢谢。 在图片上放一个透明的标签,大小调成跟图片一样,然后监听这个标签的click事件。 背景图片监听是什么意思? 监听 .libiao_menu 不行吗...
javascript 文本编辑 背景图片 背景切割 有一张图片,它是由很多个小图片组合成的。 现在想使用图片上的小图片做为各个按钮的背景图, 应该怎么截取图片了 希望可以兼容各个浏览器。 我想找一个文本编辑工具,用作写博客用的那种,谁可以推荐一下。 大家帮帮忙,出出主意 回复讨论(解决方案) 第一个问题 使用css的background属性的background-position参数来定位各个图片. 将图...
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,再拖大窗口,又能占满窗口了,请问是怎么回事,该怎么解决呢? 回复讨论(解决方案) 遇到过,这个你要监测浏览器窗口的变化了 用这个方法 window.onresize 拖动滚动条的时候可以监测么? onscroll,有这个事件。 是不是窗口没有及时刷新 我这有一种情况跟你...
select 滚动条 下面的代码是改变下拉菜单样式的,可以正常使用,但是现在有个问题就是下拉的内容很多,我想到一定高度就自动有滚动条,麻烦哪位兄弟帮我看看,感觉感谢。 body{margin:0px; padding:0px; font-size:12px; color:#FFFFFB; background:#3d4045; }div,ul,li{margin:0; padding:0;}#macstyle1 .select_box{height:22px; width:271px;}#macstyle1 div.tag_select{display:block;color:#fff; text-align...