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 · 4734 阅读 · 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 · 3028 阅读 · 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 · 648 阅读 · 0 评论 -
图片轮播KinSlideshow注意事项
先上图：1、特别注意：图片和a连接不要换行，不然会出现图片播放时无法无缝连接。上边代码一定要在一行，不能手动换行，多张图片可以换行。2、ie8图片不显示问题图片的尺寸，只能用代码的格式写，不能写在style里。只能说明插件老咯，可惜了。原创 2017-11-28 11:20:22 · 943 阅读 · 1 评论 -
radio或者checkbox点击文字实现选择
html自带的单选或者多选，都要点到控件才能选中，对于我这种不善于鼠标操作的人，确实不太方便，一直想实现点击文字实现选择的功能，无意中发现有人实现了，方法超简单，但是忘记原作者的网址了，深表歉意。 否 是只需要在每个选择框的外层套一个label即可，简单好用。转载 2017-11-21 15:00:23 · 3860 阅读 · 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 · 420 阅读 · 0 评论 -
网页使用自定义字体
比如我想在网页中使用某个自定义的字体，首先要把这个字体下载到本地，在页面中设置一下：@font-face { font-family:XiaoBiaoSong;//字体名字 src: url('__PUBLIC__/font/XBS_GBK.TTF');//ttf的路径}需要修改字体的地方设置font-family为XiaoBiaoSong即可。最终效果如下：转载 2017-05-16 17:24:02 · 801 阅读 · 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 · 3053 阅读 · 0 评论 -
table td 固定宽度，超出部分省略隐藏
table添加一个样式：table-layout:fixed;table要给个宽度，可以是固定值，可以是百分比。td增加样式：white-space: nowrap;text-overflow: ellipsis;overflow: hidden;最后的效果如下：转载 2017-04-07 21:27:10 · 12492 阅读 · 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 · 12276 阅读 · 0 评论 -
div里放图片，有的浏览器底部会多出5px
图片增加这个样式：display: block;转载 2015-08-30 23:44:05 · 1290 阅读 · 0 评论 -
每行最后一个li的样式独立设置
.blogbottom ul li:nth-child(4n){margin-right:0px;}说明：4n就是每第4个。转载 2015-07-27 20:43:23 · 3580 阅读 · 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 · 465 阅读 · 0 评论 -
div text圆角
border-radius: 5px;IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性数值为圆角的幅度。原创 2015-04-30 11:44:14 · 473 阅读 · 0 评论 -
如何使input双击时不显示历史记录
简单实用的属性转载 2015-04-24 16:07:58 · 588 阅读 · 0 评论 -
div模拟text输入框
contenteditable属性虽是HTML5里面的内容转载 2015-03-10 20:37:03 · 555 阅读 · 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 · 766 阅读 · 0 评论