当前位置:主页> Tags标签> css网站首页Taglist

纯CSS实现背景透明,文字不透明的方法

发布时间:2017-11-18作者:余斗分类:[Html/css]
纯CSS实现背景透明,文字不透明的方法
    医院网站的移动端要做一个banner滚动图,我想把每个banner图的标题也显示出来,直接把文字写在图片底部上会很突兀,需要做一个半透明的背景来放文字。于是百度了一些方法,发现很多方法虽然在我所用的浏览器上有效,但是到低版本的浏览器上则无效。很苦恼,仔细研究了...... 阅读全文>>

将网页变成黑白灰色调CSS代码推荐

发布时间:2017-10-28作者:余斗分类:[Html/css]
将网页变成黑白灰色调CSS代码推荐
    在网页制作的过程中,我们有时候根据特殊的需求,会将网页的整体或局部编程灰色,一般应用在哀悼日、活动过期等需求上,这个时候,如果重写css样式,则显得臃肿。今天余斗给大家推荐几种全局css代码,专门用于将网页界面变成黑白灰色调,大家根据自己的具体情况选取:...... 阅读全文>>

使用CSS实现嵌入Flash视频自适应长宽

发布时间:2017-05-11作者:余斗分类:[Html/css]
使用CSS实现嵌入Flash视频自适应长宽
    为了嵌入FLASH视频并使其自适应长宽,余斗为所有开发人员准备了一个非常有用的CSS技巧。在我进一步之前,我想引入介绍这个CSS技巧并帮助很多开发者嵌入交互视频的网站。 部分CSS样式代码如下: .video { position: relative; padding-bottom: 56.25 %; height: 0 ; ove...... 阅读全文>>

CSS实现单行、多行文本溢出显示省略号

发布时间:2017-04-24作者:余斗分类:[Html/css]
CSS实现单行、多行文本溢出显示省略号
    上次余斗讲过《 CSS控制标题字符长度的方法 》,我们都知道如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: overflow: hidden; text-overflow:ellipsis; white-space: nowrap;...... 阅读全文>>

CSS控制标题字符长度的方法

发布时间:2017-02-28作者:余斗分类:[Html/css]
CSS控制标题字符长度的方法
    我们在网页制作的时候,一般列表页都会一定的长度,而在后台调用的时候,调出的标题都是整个标题长度,如果不加以截取,可能会换行或者错位,这样对于用户体验不好,我们需要控制下标题长度。常用的思路是,直接控制调出标题的字数,这样就不会错位,但是对于手机端来说...... 阅读全文>>

文章页图片自动居中,自适应手机且宽度100%实现方法

发布时间:2017-02-20作者:余斗分类:[Html/css]
文章页图片自动居中,自适应手机且宽度100%实现方法
    发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题. 这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为100%,或留空不填,高度也留空不...... 阅读全文>>

一些实用的Html和Css技巧推荐

发布时间:2016-07-03作者:余斗分类:[Html/css]
一些实用的Html和Css技巧推荐
    1. 鼠标经过的技巧,实现鼠标经过,鼠标点击情况下不同图片的效果:2. 如果我们需要的图片不存在,那么可以采用指定的图片进行替换,请注意中间的单引号;3. 在鼠标经过时切换背景图片的另外一种写法。4. 网页在IE下的调试,就是按"F12",然后用箭头点击需要查看代码的...... 阅读全文>>

前端设计中background与img的优劣对比

发布时间:2016-03-19作者:余斗分类:[Html/css]
<b>前端设计中background与img的优劣对比</b>
    我们在前端设计特别是移动端的前端页面的时候,展示某一张图片的方法有两种:一是通过CSS的background样式,二是通过html标签中的img src加上。其实在余斗大学学习HTML的时候就一直在想这个问题,background与img究竟哪个才是最优的?我们应该在哪些情况下用?在揭示着...... 阅读全文>>

网页侧栏浮动固定但不遮住底部的js实现方法

发布时间:2016-01-29作者:余斗分类:[Html/css]
网页侧栏浮动固定但不遮住底部的js实现方法
    余斗的博客模版是仿杨青鸿运国际手机登录首页的,用过一段时间,发现侧边栏有个不好的地方就是,导航这块固定虽然是浮动固定,但是不是自动吸顶,这样会有个很大的空白间距,显得不是很好看。余斗就给这里做出一个细节上的调整,实现侧栏指定div块吸顶浮动固定,而且不会盖住指定高...... 阅读全文>>

利用DIV+CSS实现元素透明的两种方法

发布时间:2016-01-27作者:余斗分类:[Html/css]
利用DIV+CSS实现元素透明的两种方法
    在网页前端设计中,一个透明特效的应用往往可以很大地提升网页视觉效果,一般实现透明的方法是添加 opacity样式,具体实现方法代码为:.transparent_class { filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; }...... 阅读全文>>
213 13 1 2 > >>
手机扫一扫 随身带着看
鸿运国际手机登录首页