分类 CSS 下的文章

IE8 BUG label for no display input

用Label代替默认的input(type = file)

默认情况下点击label,是会弹出选择文件的框框

这时候给input设置display:none或者visibility:hidden

在Chrome最新版下正常弹窗,而在 IE8 下,什么鬼反应都没有 emmmm

IE8:我不瞎啊,但是你这个元素不显示我怎么知道你的label for指向了谁

解决办法:

  position: fixed;
  top: -999px;

解决 typecho 输出多余br标签 和 IE8 display 问题

1. 多余的BR

TYPECHO-主题模版-INDEX.PHP使用全文输出出现多余的<br>,如图:
多余的BR

内容是用content函数输出的,应该是没有问题;但是用Chrome的view-source也能看到的确是多输出了几个BR,应该是编辑文章时候的摘要分割线(<!--more-->)上下出现的多余的回车导致的

上网查询资料后发现有人也发现过相同的问题,但是他给出的解决办法仅仅适用于远古时期的TYPECHO了,只好用前端的办法来解决(在后端替换也OK)。

- 阅读剩余部分 -

CSS3 缩放背景动画 demo

用两个position FIXED的元素,一个做背景,再加上缩放动画特效,另一个做页面的容器,外加滚动条即可,也可以使用其他滚动条CSS库,如slimscroll.js等等,基本的架构能在IE8上正常显示。

演示: http://lljh.bid

- 阅读剩余部分 -

关于输入框和按钮不等高的问题

在Chrome、IE8、Via (Android 6.0.1) 中测试成功,其他浏览器未测试。
INPUT和BUTTON不在同一高度的原因主要在于Line-heightpaddingmarginborder-width这几个参数。
第一种办法是修改行高(不确定高度的时候),行高也会影响高度是我无意中发现的,设置为normal后很管用,但是BUTTON内容为中文时在ie8中还是会失效,不知道是不是字体问题,暂时没时间去试。
第二种办法是不显示BUTTON,然后用个label来代替。

- 阅读剩余部分 -

样式 居中 + 超出省略

水平居中:

不定宽度的居中一般添加display: table;margin: 0 auto;属性即可
我常用的还是:max-width:800px;margin: 0 auto;,这样写响应式的时候方便一点点,如果确定了宽度的话,就要多写几个@media

- 阅读剩余部分 -

最新文章

最近回复

  • Luuljh: 主题内的README...
  • 南中阁: 你好,这个主题htt...
  • Luuljh: 涨见识了老哥,Typ...
  • zizdog: 过来看看,常来常往
  • Hcheng: 麒麟是真的越做越丑
  • 记录: 记录一些有的没的东西
  • Luuljh: 以前用JS搞浮动的时...
  • GH: 大佬,反馈一个,当然...
  • hac: 我之前也遇到过,特别...
  • Luuljh: 唉,没有精力去搞啦,...

分类

归档