第4页
  • zblogPHP模板-仿新百家(自适应) - ydbaijia更新优化

    zblogPHP模板-仿新百家(自适应) - ydbaijia更新优化

    这个仿最新百度百家的模板上线已经一周多了,其实更新改版了两三次,只是没有再本博进行更新说明!再最初写的时候,对于IE9的兼容性有些问题,这次进行了修复,以及手机端的错位问题!更新:20170628:1、优化:主题配色调整2、优化:侧栏评论CSS修正3、手机端视频尺寸修正4、优化:IE9下图片边框问题20170628:1、优化:手机端标题2、优化:iphone设备搜索宽度20170621:1、修复手机端标题显示问题2、修复搜索结果页面图片...

    zblog模板更新 2个月前 207 0 ydbaijia
  • CSS3 object-fit理解 以及object-fit的兼容性,包括兼容IE9+浏览器

    CSS3 object-fit理解 以及object-fit的兼容性,包括兼容IE9+浏览器

    本文还是着重讲下object-fit:cover,特别是关于object-fit:cover的兼容性问题,如何去兼容更多浏览器。具体的object-fit:cover用法请看《object-fit:cover 剪裁图片尺寸适配div - 居中并裁剪图片》下面简单讲述下object-fit的含义以及如何提高兼容性,比如兼容IE!object-fit理解CSS3 background-size出现的比较早,大家应该知道其支持的一些...

    CSS学习 2个月前 331 6 object-fit
  • CSS3 object-fit:cover 剪裁图片尺寸适配div - 居中并裁剪图片

    CSS3 object-fit:cover 剪裁图片尺寸适配div - 居中并裁剪图片

    最近关注的图片居中比较多,各种各样的图片居中方法,比如上一篇讲的《任意图片在div里的上下垂直都居中!》、《CSS 图片水平垂直全部居中(图片尺寸小于块级父元素)》今天来分享另一种最佳最完美的居中自动剪裁图片的功能,虽然IE8无法做到,但现在IE8还需要考虑吗? 放弃吧,直接使用 object-fit: cover;  !你还记得通过设置图片的 background-size 属性可以解决很多问题的时刻吗?...

  • 图片居中:任意图片在div里的上下垂直都居中!

    图片居中:任意图片在div里的上下垂直都居中!

    任意一个图片,在div中都居中显示,这是比较常用的CSS,很多刚学习的新手却并不知道!<style type="text/css">     div{ border:1px solid #ccc;      height:500px; width:500p...

    CSS学习 2个月前 146 0 图片居中居中
  • CSS 背景图片铺满浏览器,任何情况下都铺面整个浏览器

    CSS 背景图片铺满浏览器,任何情况下都铺面整个浏览器

    CSS 背景图片铺满浏览器,拖动、上下拉背景图片不出界,下面分享下CSS:<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS 背景图片铺满浏览器,任何情况下都铺面整个浏览器</title> </head> <bo...

    CSS学习 2个月前 155 0 背景图片
  • zblogPHP 阅读数 随机显示

    zblogPHP 阅读数 随机显示

    已经遇到不少使用zblogPHP的用户想让自己的新博新文章看起来有人气,想修改阅读数字,以随机显示!今天就来分享一个最简单的随机显示阅读数字吧,最简单!{php}$temp=rand(1000,9999);{/php}{$temp}记住这段代码,这就是随机显示的代码!其中1000,9999代表随机显示数字在1000-9000,可以任意修改!以上这段代码又显示在何处呢?  文章列表、文章页zblogPHP模板的文章列表一般为:p...

    zblog模板学习 2个月前 144 0 随机
  • jQuery滚动导航跟随(锚点定位切换)

    jQuery滚动导航跟随(锚点定位切换)

     关于使用jquery导航跟随置顶的插件,在之前已经分享过几个了:1、jQuery 导航菜单、广告 —— 固定、置顶、跟随2、jQuery 智能判断跟随页面滚动的导航、菜单、广告,下拉后跟随置顶特效代码3、jQuery - 多个菜单导航滚动跟随,全部积累固定在顶端4、jquery 滚动跟随 到达底部时会停止跟随特效代码而今天要分享的,是带锚点定位自动跟随!这是一个插件,所以JS:nav.zip<!DOCTYPE ...

    js/jQuery 2个月前 167 0 滚动跟随锚点
  • jquery Tab选项卡切换插件推荐

    jquery Tab选项卡切换插件推荐

    tab选项卡是很多网站的必须,但对于很多比较懒或者对于JS不太熟悉的同学来说,要写一个tab选项卡切换并不太乐意,干脆使用各种成熟的插件来的比较快! 而且以前所担心的带宽而去不断压缩代码,在硬件不断升级的今天也不再是首要考虑要素! 所以各种tab选项卡切换特效插件层出不穷!今天就为大家介绍几款jquery Tab选项卡切换插件:1、Tabslet – jQuery Tab选项卡插件 - 拥有各种切换和加载特效,比较丰富,所以作为推荐第一...

    js/jQuery 2个月前 165 0 选项卡
  • jQuery 选项卡切换特效代码(点击切换)

    jQuery 选项卡切换特效代码(点击切换)

     之前使用选项卡切换,喜欢用各种小插件,也许是因为封装的比较好,但也有不少前端不喜欢插件,喜欢自己写原始JS,或者使用jquery写选项卡切换功能!今天就不分享选项卡切换的插件了,就分享个如上图的jquery选项卡切换简单特效:<!DOCTYPE html> <html> <head> <meta charset="utf8"&...

    js/jQuery 2个月前 130 0 选项卡
  • 认识CSS3 :only-child 选择器和使用方法

    认识CSS3 :only-child 选择器和使用方法

     定义和用法:only-child 选择器匹配属于其父元素的唯一子元素的每个元素。所有主流浏览器均支持 :only-child 选择器,除了 IE8 及更早的版本。案例:案例一:规定属于其父元素的唯一子元素的每个 p 元素:p:only-child{background:#ff0000;}<!DOCTYPE html> <html> <head> <style>&...

    CSS学习 2个月前 127 0 :only-child选择器