![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Div+Css
云上人间钦自赏
进攻HTML5
展开
-
Css背景颜色渐变,j兼容多浏览器 IE6、IE7、IE8、FF、Opera、Chorme、Safari
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c97ff), to(#ffffff));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1c97ff,endColorStr=#ffffff);background:原创 2012-10-26 15:53:20 · 4692 阅读 · 0 评论 -
页面上下滚动,背景图不动
其实就是个思路的问题,如果单纯的用背景图片,你会发现不是很好实现的。.mainbox{ position:fixed;top:0;bottom:0;right:0;left:0;z-index:-1;}.mainbox>img{ width:100%; height:100%; border:0px;}<div cla...转载 2018-08-14 15:57:53 · 2960 阅读 · 0 评论 -
背景图全屏现实
其实也很简单,如下:<body background="__ROOT__/public/images/wdls/bg.png" style=" background-repeat:no-repeat ;background-size:100% 100%;background-attachment: fixed;"> 转自:https://zhidao.baidu.c...转载 2018-07-30 23:15:50 · 589 阅读 · 0 评论 -
图片轮播KinSlideshow注意事项
先上图:1、特别注意:图片和a连接不要换行,不然会出现图片播放时无法无缝连接。上边代码一定要在一行,不能手动换行,多张图片可以换行。2、ie8图片不显示问题图片的尺寸,只能用代码的格式写,不能写在style里。只能说明插件老咯,可惜了。原创 2017-11-28 11:20:22 · 854 阅读 · 1 评论 -
radio或者checkbox点击文字实现选择
html自带的单选或者多选,都要点到控件才能选中,对于我这种不善于鼠标操作的人,确实不太方便,一直想实现点击文字实现选择的功能,无意中发现有人实现了,方法超简单,但是忘记原作者的网址了,深表歉意。 否 是只需要在每个选择框的外层套一个label即可,简单好用。转载 2017-11-21 15:00:23 · 3767 阅读 · 0 评论 -
页面等待窗口
先看看效果:css部分:.loadbox{width:100%;height: 100px;position: fixed;top:200px;left: 0px;z-index: 99;display: none;}.loadEffect{ width: 100px; height: 100px; position: relative; marg转载 2017-09-25 12:13:53 · 380 阅读 · 0 评论 -
网页使用自定义字体
比如我想在网页中使用某个自定义的字体,首先要把这个字体下载到本地,在页面中设置一下:@font-face { font-family:XiaoBiaoSong;//字体名字 src: url('__PUBLIC__/font/XBS_GBK.TTF');//ttf的路径}需要修改字体的地方设置font-family为XiaoBiaoSong即可。最终效果如下:转载 2017-05-16 17:24:02 · 722 阅读 · 0 评论 -
一行两个div,一个固定宽度,一个自适应铺满
这样的需求很多地方需要用到,直接上代码,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">*{margin:0;padding:0;}.left {float:left;width:2转载 2017-03-24 09:01:18 · 2987 阅读 · 0 评论 -
table td 固定宽度,超出部分省略隐藏
table添加一个样式:table-layout:fixed;table要给个宽度,可以是固定值,可以是百分比。td增加样式:white-space: nowrap;text-overflow: ellipsis;overflow: hidden;最后的效果如下:转载 2017-04-07 21:27:10 · 12434 阅读 · 3 评论 -
CSS 图片居中显示不变形,显示图片中间部分
<div style="background-image:url(这里填写图片的路径});background-repeat: no-repeat;background-position:center center;background-size: cover;width:165px;height:105px;"></div> 其他属性没什么可说的,...转载 2017-01-16 09:38:36 · 12157 阅读 · 0 评论 -
div里放图片,有的浏览器底部会多出5px
图片增加这个样式:display: block;转载 2015-08-30 23:44:05 · 1248 阅读 · 0 评论 -
每行最后一个li的样式独立设置
.blogbottom ul li:nth-child(4n){margin-right:0px;}说明:4n就是每第4个。转载 2015-07-27 20:43:23 · 3522 阅读 · 0 评论 -
背景图自适应
.bg{background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100% 100%; background-s转载 2015-05-21 21:01:52 · 416 阅读 · 0 评论 -
div text圆角
border-radius: 5px;IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性数值为圆角的幅度。原创 2015-04-30 11:44:14 · 439 阅读 · 0 评论 -
如何使input双击时不显示历史记录
简单实用的属性转载 2015-04-24 16:07:58 · 559 阅读 · 0 评论 -
div模拟text输入框
contenteditable属性虽是HTML5里面的内容转载 2015-03-10 20:37:03 · 517 阅读 · 0 评论 -
table 边框兼容模式 打印
<style type="text/css"> .tableinfo tr td{border-top:solid 1px #000810;border-left: solid 1px #000810;font-size: 16px;} .tableinfo{border-right:solid 1px #000810;border-bottom: solid 1px #0008...转载 2019-02-15 22:00:20 · 713 阅读 · 0 评论