意思是图片是500*500的，而DIV是100*100，那如何设置为背景图片，并且显示图片的全部内容呢？ 我在JS中是这样写的： b.style.backgroundImage="url('1.jpg')"; b.style.width="100px"; b.style.height="100px"; 图片能显示，但是没有显示完全，说明上面设置的高度与宽度没有效果 这个要如何写呢？ 回复讨论(解决方案) b.style.backgroundRepeat="repeat"; 这个要用到图片拉伸了。。。 参考： ...
http://www.07q.net/2011/11/11/new-firefox/ 文章内容与边栏使用同一个背景图片，因为有时候文章短，而边栏过长，所以边栏会长出去很多，边栏背景和页面背景不协调，各位大牛可有办法解决，请详细些，谢谢了。 回复讨论(解决方案) 边栏谁让你放这么多东西的？ 或者你可以这样，边栏的下面不太重要的东西先隐藏，在页面加载后，判断中间内容的长短，如果内容长就显示更多的边栏。 给个代码把，谢谢了。。。 边栏谁...
其实就是想让一个盒子想下面移动15px 其他浏览器不用移动位置正好 就是360急速浏览器差怎么15px 让人蛋疼 回复讨论(解决方案) 前面加-webkit- 前面加-webkit- 学了一招 其实就是想让一个盒子想下面移动15px 其他浏览器不用移动位置正好 就是360急速浏览器差怎么15px 让人蛋疼 -moz- -webkit- -o-
在IE中需要通过"filter"来定义透明度"opacity"，而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持，需要把两种设定都加进去。 .div { filter:alpha(opacity=50);/*IE*/ opacity:0.5;/*Mozilla*/} 用下面的样式表定义你的div可以有各种过度效果。.alpha是div的class.精心开发5年的UI前端框架！ .alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0,...
* { margin:0;padding:0; } #dv1 { border: 1px solid red; width: 400px; height: 300px; } #dv2 { /*display:inline; dv3加浮动，dv2不会被挤开，是因为dv3只是停留在它那一行，没有影响到文件流，但是为什么把dv2设置成行级元素就会被下面的dv3挤开呢？？*/ float:l...
说明：样式设置主要是针对图片的父级元素，并非图片元素本身。 Css代码[图片父级点的样式]： .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk...
.linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE 6 7 8*/ background: -ms-linear-gradient(top, #fff, #0000ff); /* IE 10 */ background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ ...
设置元素的透明度： -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。 例如： 不透明 div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px; height:...
第一：如何让“用户管理”这四个字上下居中？ 第二：当鼠标放上去时，绿色怎么才能完全覆盖掉红色？ leftwindow #baseInfoManager{ width:180px; height:200px;}#baseInfoManager p{ height:50px; text-indent:20px; background:#ff0000; }#baseInfoManager p a{ display:block; height:50px; width:180px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}#baseInfoManage...
******************************************************************************************************************** 我已参加2014“博客之星的”评选，觉得我的文章对您有帮助的，请投上您宝贵的一票 *********************************************************************************************************************** GTK 2.0 在windows运行下，会出现文本框无法输入的问题。这个查找了很多资料，说是2.0版...
导航页档 table { border-collapse: collapse; border: none; width: 200px; } td { border: solid #000 1px; } 军事 历史 新闻 军事 ...
无标题文档 @font-face { font-family: Venera; font-weight: bold; src: url(Venera-900.otf); } p{ font-family:Venera; font-size:30px;}10000 你只需要将你网页中用到的字体放置到你的文件夹里面向引用图片一样去引用就就可以将字体加载进去，然后在设置字体类型的时候调用你设置的名字即可。 注：此种写法在谷歌和火狐下可以在ie8以下无效
现有demo设计如下： #left_nav有移动动作，可以向右移动，要求它移动后要位于#right_content上(#left_nav移动过程中#right_content可以位于当前位置不动)，但是不能给#left_nav设定position，也就是说不能使用z-index设置#left_nav与#right_content的层级关系，也不能让#left_nav作为#right_content的父元素，此时，如果还想让#left_nav位于#right_content之上如何实现 ？ 回复讨论(解决方案) 默认position是rel...
废话当然不说了。直接上代码 #mycon { background:url('Tpl/1.jpg'); background-size:400px 400px; background-repeat:no-repeat; border-radius: 4px; border: 1px solid #ccc; width: 400px; height: 400px; } 原来背景图大小：970*630 这里才是战场,以缩略图的形式来将背景图设置 background-size:400px 400px;后面是设置缩略图宽和高。 效果如图：
CSS3 background-origin 可以将图片定位于：padding 或者padding里头，甚至是边框。 所以他有三个值：content-box、padding-box 或 border-box content-box border-box padding-box 自习去发现 boder-box 和padding-box 是有却别的