Web开发网 > Web前端开发 > Web前端开发教程 > HTML/CSS兼容/XML > 原创博文
首页 上一页 [1] [2] [3] [4] [5] 下一页 尾页 1/5页，每页显示30条，共122条相关记录
css3水波纹动画效果style .wave { width: 200px; height: 200px; margin: 40px auto; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; position: relative; } .wave::before, .wave::after { content..
:hover伪类应用处于悬停状态的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上，其他元素也可以处于悬停状态，在css2的定义中:hover伪类可以应用在全部元素上。 但是在ie6浏览器下面，只有链接标签a支持:hover伪类，对于ie6需要使用js，而ie7/ff/op/sa直..
chrome浏览器下，frameset中的frame没有设置为noresize时，是可以通过鼠标来拖拽更改frame大小的（多有浏览器都可以），但是在chrome下如果鼠标拖拽更改过frame的大小，再设置frameset的rows/cols属性后，将无效，不会按照rows/cols设置的大小更改frame大小。如果要实现某个frame显示隐藏，将不会隐藏frame。 测试代码如下1.htmlframeset..
纯css实现线路走向圆点图，快递订单跟踪线路图形，效果如下 圆点使用了css3的border-radius，IE8-不支持，所以显示的是正方形。 css快递订单跟踪圆点图源代码如下style body{padding:50px} ul.list{border-left:solid 2px #999;padding-left:20px;margin:0px} ul.list li{position:relative;border-bottom:solid 1px #999;li..
移动端浏览器打开网页，点击里面连接时会出现一个高亮灰色背景色，如何去掉这个高亮灰色背景色？webkit核心浏览器可以使用-webkit-tap-highlight-color:transparent设置为透明色不显示。 去掉移动端浏览器连接点击高亮背景色代码如下第一个链接点击有灰色高亮背景第二个连接点击无灰色高亮背景meta name=viewport content=width=device-w..
今天修改一个客户网站，发现中文符号点，就是键盘上Esc键下那个中文点号，在一些系统的浏览器上显示一个框框，为乱码，但是在本人电脑上却可以正常显示为中文点号，其他电脑也正常显示，就公司里面有2台电脑是这个问题（这2台电脑其他浏览器打开也是一个框框乱码，如下图所示）。 检查后发现这些内容字体为Microsoft Yahei,Arial,Helveti..
css+JavaScript实现表格的表头固定效果，页面滚动，表头处于页面最顶端。 CSS表格固定表头示例代码如下!doctype htmlhtml headtitleCSS表格固定表头/titlemeta http-equiv=Content-type content=text/html; charset=utf-8style type=text/css* html,* html body /* 修正IE7振动/闪动bug */{background-image:url(about:blank);background..
子容器设置css设置margin-top，如果子容器和父容器直接没有内容，由于css盒式模型，将会导致子容器和父容器的margin-top叠加，导致父容器也会继承子容器的margin-top，导致父容器顶部出现空白。 示例代码如下，cs父容器aa继承了cs设置的martin-top!doctype htmlstyle .main{margin-left:100px;width:500px;height:500px;border:solid ..
今天下午花点时间将本站css进行修改，通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。 本站在分辨率宽度680px一下显示如下 如果您在电脑端浏览本站使用的标准浏览器（ＩＥ９＋，ｆｉｒｅｆｏｘ，ｃｈｒｏｍｅ等），可以缩小浏览器窗口大小到６８０ｐｘ以下可以看到效果。 利用@media screen实现网页..
IE6,IE7对css样式display inline-block的支持有问题，需要经过css hack后才会支持。注意：IE8需要加xhtml申明变为css1compat模式才会支持inline-block，backcompat模式不支持，但是可以通过css hack来实现，和IE7-一样。 要想让IE6,IE7支持css样式display inline-block，有下面2种方法1、先使用display:inline-block属性触发块元素，然后..
html img标签添加了hspace，vspace属性后确没有作用，图片紧靠文字解决办法。 img标签添加了hspace，vspace属性后确没起作用，一般是样式中定义了img，设置了margin导致的，如下，上图的图片添加了hspace为10，但是文字还是紧靠图片，查看图片样式后发下有如下的css设置过img的margin为0。 将这个样式中的img去掉后，img设置hspace，v..