CSS | 时鹏亮的Blog

这问题就是很简单，如标题所说：Safari输入框被输入法阻挡fixed失效。
经过搜搜，stackoverflow找到了解决方案：

html,body{
    -webkit-overflow-scrolling : touch !important;    over[......]

前端的经验已经不如后生了，不考虑兼容性的情况，透明只需要CSS指定rgba既可，代码如下：

background-color: rgba(0,0,0,0.8);

来自李伟同学的指教~[……]

只允许一行显示，要根据宽度显示完整或者省略的状态，示例如下：

<style>
.test{width:100%;}
.test li a {color: #666666;display: block;float: left;overflow: hidden;t[......]

有时导航栏比较长，变动需要提前，这个时候就要手动调整css，如下的代码即可实现(支持bootstrap的3.1版本之后)。

@media (max-width: 1200px) {
	#searchform{ float:left;}
    .navbar-heade[......]

filter:alpha(opacity=90);-moz-opacity:0.90;opacity: 0.90;
background: rgba(39, 72, 153, 0.9) none repeat scroll 0% 0%;

上述代码是普通的CSS2实现背[……]

:last-child

示例：

p:last-child

功能说明：选择属于其父元素最后一个子元素每个

元素。

参考：https://www.w3school.com.cn/cssref/css_selectors.asp[……]

如果想迎合谷歌的网站优化建议的话，弹出这个提示的时候，看国语翻译基本上是没啥帮助的，所以还是看看英语翻译吧：
https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
示例代码如下：

&[......]

有时嵌套iframe想隐藏滚动条，或者无边框啥的，方法如下：
在style中写入如下css，实现对应功能：overflow-x:hidden /*隐藏横向滚动条*/overflow-y:hidden /*隐藏纵向滚动条*/overflow:hidden[……]

最近又搞浏览器兼容性的问题了，翻了下以前的记录，不是很全，所以找了些资料，总结下来：

#hack{
color:red; /* All browsers */
color:red !important;/* All browsers but IE6 */_color:re[......]

nth-child和:nth-of-type，这俩东东，我一直只知道nth-child……还真是丢人啊，最近装修首页，发现nth-child失灵了，奇怪了，仔细研究了下，发现竟然还有一个属性是nth-of-type。这回深入的研究了下这俩属性的差别，发现nth-chi[……]

时鹏亮的Blog