css别扭问题

问题描述

各位大哥大姐大神大姨妈,我现在要做个层的切换和网页两边的悬浮,本身这个是很简单的问题,用js很简单就搞定啦,可领导确实这样要求的,只能用css样式表,纯css样式。。别的都不能用。我直接蛋疼啦,特此求各位帮帮忙!!小弟在此谢过啦!

解决方案

解决方案二:
坐等高手现身!
解决方案三:
大神呀,希望能给些源码!!
解决方案四:
网页两边的悬浮可以用css,绝对定位啊,如果是ie6,加上背景固定body{background-attachment:fixed;}至于层切换,标题可以用a的伪类:hover实现切换。内容块切换不用脚本就不知了。。。。
解决方案五:
网页两边的悬浮可以用css,绝对定位啊,如果是ie6,加上背景固定body{background-attachment:fixed;}至于层切换,标题可以用a的伪类:hover实现切换。内容块切换不用脚本就不知了。。。。回复:可以再说的详细点么!!

时间: 2024-10-07 22:53:31

css别扭问题的相关文章

css网页制作技巧:margin负值和bug的解决

文章简介:最近做的项目中经常会用到margin的负值,这里就总结一下关于margin负值的5种使用及相关bug的解决. 最近做的项目中经常会用到margin的负值,这里就总结一下关于margin负值的5种使用 及相关bug的解决. 1. 在流动性布局中的应用如WordPress的两栏式不固定布局就是使用margin负值来实现的定位,属于左右 margin负值在流动性布局中的应用. <div style="width:200px;float:left;border-right:4px sol

感受Web标准,第一次DIV+CSS

css|web|web标准 受好友dodo和同事常可的影响,开始关注Web标准.周六日按照标准改造了dearbook的几个页面,总结一些经验如下,供以后参考: DIV+CSS结构的好处是能够做完一块展示一块,可以边看效果边做,这不仅比Table方式节省代码,而且控制能力更强. dodo提到目前还没有支持Web标准的可视化编辑器.不过Visual Studio.NET对CSS的支持和提供功能还是不错,适合我这样的新手.另外,使用Web标准的页面,VS.NET也不在HTML代码中间乱加FONT标志.

CSS学习:On having layout

css 英文原文在此:http://www.satzansatz.de/cssd/onhavinglayout.htm 文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧.水平有限,很多地方都是模模糊糊地意译,发现错误欢迎留言指出. 引用一段来自Dean Edwards的评价:I recommend that every CSS designer and DOM scripter read this. Unders

浅谈CSS中的OOCSS编程方式

  OOCSS即面向对象的CSS,这里对象指的是页面中的元素对象,与传统编程中的面向对象不太相同,比如不存在方法这种东西,硬要说的话,附加的一些class可以看作是继承或者接口之类的东西来实现对象的差异化.比如电商网站中的商品就是一个典型的对象,它们既有许多相同的部分,又有许多差异,宽高.按钮.图片.标题等基本布局都是相同的,而边距.线框.背景颜色.字号等都是差异化的.由此按照OOCSS的指导原则,我们应该写一个product class,然后为其添加一些border.theme之类的class

div布局-DIV + CSS设计中的DIV是指的html中的div标签吗?

问题描述 DIV + CSS设计中的DIV是指的html中的div标签吗? 在DIV+CSS设计中的DIV如果是div标签的话, 那么DIV+CSS的意思就是换行标签与层叠样式表. 这个意思好像有些别扭. 解决方案 DIV+CSS是WEB设计标准,它是一种网页的布局方法.不是指页面的div标签的. 参考:http://baike.baidu.com/link?url=lf2dUBDDlOdMJHnoAr-bUvWbZQ_JBgQr8z__vWe3mUr5XesIP_2Gf65cXxgENgzCS

布局-一个CSS调整文字位置的问题,如图所示

问题描述 一个CSS调整文字位置的问题,如图所示 下面这张图的布局很别扭 如何调整下图这样 <s:if test="userName!=null"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">${user.userName }<strong class="caret"></strong>

css的定位和浮动

定位 浮动 float代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> #d0,p{ width: 400px; border: 1px solid red; } #d0 div{ width:100px; height:100px; margin:10px; } #d1{ background-c

w3c系列之CSS(四):深入理解盒模型

盒模型是一个老生常谈的话题,本身并不复杂,它描述了文档树所产生的矩形框以及根据可视化格式模型(visual formatting model)所产生的布局结构. 曾经看到一道面试题:说说CSS中的盒模型?网上的回答都是margin,border,padding,width,height之类的,尼玛都是复制粘贴的吧= =.....要是这篇文章也这么写的话就跟前面三篇没啥区别了,既然要深入理解,那就谈点高大上的东西. 1.要深入,先入门 首先还是得对盒模型做个简单而详细的介绍,想要跑,基础要打好~,

BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法_javascript技巧

最近的一个项目 前台使用了 bootstrap.css + angularjs, 后台只处理数据(用的php,处理结果直接 json_encode($arr),非常爽).一直在Chrome的仿真机测试非常完美, 没有进行真机测试.完成后,到手机测试时傻了,左右滑动页面时,竟然出现了一个 空白的竖条(如下图所示).判断是margin-right 设置的长度所致,检查css,并没有相关代码.看来问题出现在了 bootstrap .虽然不影响 程序的使用,但是感觉非常别扭,一定要修复它. 检查页面,发