【纯CSS制作液晶屏的显示效果_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

急急!为何我做的达不到效果_html/css_WEB-ITnose【图】

这是css中的代码: #right{ width:250px; height:300px; padding-top:32px; background:url(../images/bg.gif) no-repeat; } #right dl dt{ width:80px; margin:0px; float:left; padding:2px 0px; text-align:cent...

如何根据PSD效果图做网页_html/css_WEB-ITnose

如题,请大家说说过程,是否是把PSD切片就好了,在DW中拼出来就好了,还是要取背景和前景,写html代码做成那个PSD的样式呢 回复讨论(解决方案) 都行。前者帮你生成,后者自己写,相对生成代码简洁一些。 都行。前者帮你生成,后者自己写,相对生成代码简洁一些。 公司一般是怎样的呢 静态页面DW应该就搞定了 引用 1 楼 only_endure 的回复: 都行。前者帮你生成,后者自己写,相对生成代码简洁一些。 公司...

类似淘宝首页的今日活动栏目的效果实现_html/css_WEB-ITnose

这种效果是如何实现的? 回复讨论(解决方案) 可以去看看它的源码。。。 可以去看看它的源码。。。 源代码看到了,JS代码,压缩过了,看不懂 来人看看那 有点像是层的实现,三个层,通过小按钮切换显示

相同样式,同个浏览器,效果不一样求解~_html/css_WEB-ITnose

本地效果图如下图: 传至服务器效果图如下图: 图片可能有点大,请大家在新窗口看看图片~麻烦了 浏览器:火狐 版本:3.6.28 这里出现2个区别。 第一个区别: 本地效果图中,除标题行,其余行都没有设置TD边框;而在服务器效果图中,却显示有的行有边框,有的行则没有。 对应代码: ...

请帮忙看一下这个效果是怎么实现的,非常感谢_html/css_WEB-ITnose

http://www.hanselman.com/blog/AboutMe.aspx 这个页面的最上面标题栏那个背景的颜色,以及那个淡淡的竖白条纹,我扒了一下代码,没看懂,请高手帮忙指点一下,非常感谢. 回复讨论(解决方案) http://www.hanselman.com/blog/themes/Hanselman/images/header.gif背景图片的地址 颜色为#f6f5ea 谢谢楼上的帮忙, 可是这个背景图片只是一小条白色条纹,肯定还有其它代码做了手脚才成了那样的效果,麻烦再帮忙看一下好不好?谢...

请问这个网页顶部的图片滚动效果是怎么实现的?谢谢_html/css_WEB-ITnose

就是这个: http://www.nilock.com/2011/05/19/a-parallax-scrolling-demo/comment-page-1/ 大家帮我看看,谢谢啦,我是新手…… 回复讨论(解决方案) 不停的修改 background-position 应用js做的 这些云都是同一张图片, 然后用JS让他动起来, 看起来有层次感 CSS3 和JS 都可以做! $( function($) { var current = 0; setInterval(function(){ if(current==-6000) {current=0;} ...

div的这个效果是如何做到的_html/css_WEB-ITnose

在点击文章摘要的时候出来的框,点击其它地方,该框消失,要全的代码??? 回复讨论(解决方案) 看不到图 太懒了吧??本来想给你说下思路,结果看你要全的代码。。。 去网上搜索lightInTheBox 隐藏和显示呗 提供思路 写一个DIV,用绝对定位,然后默认隐藏,在mouseover事件中去显示,mouseout事件中隐藏。

新版本IE下有没有人遇到过css边框inset和outset效果异常?_html/css_WEB-ITnose

一个旧页面,最近访问突然发现的,外嵌inset 和内嵌outset 都变成灰色边框了,我新建个测试的页面,只有一个DIV 样式“border-top-style: inset; border-right-style: inset; border-left-style: inset; border-bottom-style: inset”放到IE显示效果还是不正常。 是不是新版本IE里取消了 这个样式了? 有没有其他朋友遇到过? 回复讨论(解决方案) 找到应该修改的地方了 现在的IE下 一定要加上边框的 COLOR 后 inset 和内嵌...

如何做出这种效果?_html/css_WEB-ITnose【图】

初学者,需要做一种页面效果。上面一行写着用户的名字,下面一行写着用户的职位,旁边是用户的照片。我是这样写的: 李自成 董事长 事实这样能做出要求的效果,可是交上去的时候被喷了,说应该这样写: 李自成 董事长 说我的那种写法页面读取起来会慢很多,这是什么原因呢?另外看书上说DL、DT、DD这些是所...

这个页面的DIV不随滚动条滚动的效果是怎么做到的?谁能帮我解决下?有现成简单的代码更好_html/css_WEB-ITnose

http://www.dealsdirect.com.au/p/samsung-pl120-14-2mp-5x-zoom-digital-camera-pink/ 上面那个产品的详细内容,点击货品图片后弹出一个货品大图的DIV, 这时候如果拖动滚动条,这个DIV居然是完全不随滚动条移动的, 这是怎么做到的?我很想弄这个效果!! 我也知道一些DIV随滚动条移动的效果,但是效果不好, 滚动条滚动的时候DIV是"一弹一弹"的移动. 谁能帮我? 回复讨论(解决方案) 直接看源码,我想应该是 pos...

看到一个网页效果,但不知道是如何实现的,请前辈们指教_html/css_WEB-ITnose

鼠标停留在上面便有一个新的界面显示出来,移出这个范围便消失了,求指教. 回复讨论(解决方案) 直接把这个网站的代码考下来就可以了啊 用什么实现的... 就是一个下拉啊 就是个js做的类似下拉框又类似标签卡的东西,原理就是一排,然后给上面加上一个鼠标悬停事件。原理很简单,但是要做到这种效果就比较麻烦,你可以把他代码考下来自己研究下。 鼠标停留在标签上时,显示一个div,采用absolute定位,div中放入要显...

css3实现立方体,并且自转效果_html/css_WEB-ITnose

先是HTML 一个父div包含四个绝对定位的div 1 2 3 4 首先,一个静态的立方体 .face:nth-child(1) { -webkit-transform: /*rotateY(0deg)*/ translateZ(2.5em /* half the side length, 5em in this case */); } .face:nth-child(2) { -webkit-transform: rotateY( 90deg) translateZ(2.5em); } .face:nth-child(3) { -webkit-transform: rotateY...

iE9怎么没有html5效果_html/css_WEB-ITnose【图】

如图所示,上图是在chrome浏览器中的截图,点击登陆的时候会验证表单,如果没有填写, 就会弹出提示.我用是html5中的required属性进行验证的.相同的页面我在IE9里面却没 有这样的效果,点击后没有任何弹出信息. 而且我在页面中已经加了 这样的javascript了,为什么IE还是不行呢,是不是IE9不支持required属性呢? 这里烦请大家指点.谢谢!~~ 回复讨论(解决方案) 头部加 这个试试 没有用,之前就试过了...

CSS滤镜效果,如何打印_html/css_WEB-ITnose

比如说:345678 这个345678会旋转90度,但是实际打印效果去没有变, 有没有什么方法是的技能转动90度,又能打印的,求大神指教啊 回复讨论(解决方案) Anybody here? 打印预览看没有问题啊 你的css设置不能设置media="screen"这样的限制,要设也要设置 media="screen print" 打印预览看没有问题啊 你的css设置不能设置media="screen"这样的限制,要设也要设置 media="screen print" 用的是media="print",...

css伪类beforeafter实现立体效果_html/css_WEB-ITnose

div { width:200px; height:200px; border:1px solid #ccc; position: relative; background-color:#fff; float: left; text-align: center; margin: 30px;}.div1::after { z-index: -15; position: absolute; content: ""; bottom: 14px; right: 7px; width: 36%; top: 59%; max-width: 300px; background: #777; box-shadow: 0 15px 10px #A5A5A5; -webkit-transform: rotate(3deg);}.div1::before { z-index: -15; pos...