CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/09 CSS

由于项目中使用ul+li的布局方式，在ie8、chrome浏览器中，包裹浮动的li元素的外层ul高度为0，ie7浏览器和ie8兼容模式显示正常，这是典型的浏览器兼容性问题。解决办法：第一种：设置ul的style属性复制代码代码如下: overflow:hi...

前端技术 2023/09/09 CSS

如果您曾经访问过 Nicolas Zezuka 和 Active Theory 的出色的设计网站，你可能已经注意到在显示新内容之前动感的页面加载动画了。这种风格的动画效果最近非常流行，因此这篇文章想给你带来一些启示。　　这个效果的核心是让一个形状在页面窗口中动画显示并有展示活...

前端技术 2023/09/09 CSS

常用单位在CSS中可以用很多不同的方式来设定字体的尺寸。一般来说，这些单位被分成两大类：绝对单位(absolute)和相对单位(relative)。绝对单位在大多数情况下是相对于某些实际量度而言的固定值，即是说它们一旦设定，就不会因为其他元素的字体尺寸变化而变化。 ...

前端技术 2023/09/09 CSS

现象： 1. IE9快速发帖不跳转 2. IE9管理员处理帖子失败 3. IE9登录不跳转，需要手动刷新原因： 1. AJAXPOST函数判断out了 2. 动态创建iframe时各浏览器处理方式不同解决方法： 1. 修改templates/header.h...

前端技术 2023/09/09 CSS

在设置输入框变成一条线的样式时遇到一个小问题。无论怎么设置background-color: #aaa; 输入框的背景都没有变而设置background: #aaa;背景就改变了。后来发现原因 background 可以设置背景颜色、背景图片、定位等 b...

前端技术 2023/09/09 CSS

本文实例讲述了纯CSS(无JS)实现的二级弹出菜单效果代码。分享给大家供大家参考。具体如下：这是一款采用纯CSS(无JS)制作的二级弹出菜单，你会发现这款菜单并没有使用JavaScript代码，也没有引用外部文件，但是它却产生了类似JS菜单一样的效果。呵呵，这是用纯CSS代码...

前端技术 2023/09/09 CSS

本文实例为大家分享了CSS3 3D旋转rotate效果实例，供大家参考，具体内容如下效果图：示例代码 XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html lang=\"en\"> &lt...

前端技术 2023/09/09 CSS

在IE6下（标准模式/怪异模式）一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)，那么会自动的加一倍变成30px。例：复制代码代码如下: <!DOCTYPE HTML> <html> ...

前端技术 2023/09/09 CSS

以前写过一篇纯CSS制作带三角的边框，那篇文章是用HTML特殊字符来制作三角的，今天介绍下，如何用 border 来制作三角。 html 代码如下：复制代码代码如下:<div class=\"arrow-up\"></div><div class=...

前端技术 2023/09/09 CSS

复制代码代码如下: <html> <head> <style type=\"text/css\"> .img-preview{ -moz-border-bottom-colors: none; -moz-border-left-colors:...

关闭

我的博客