overflow 溢出部分不隐藏

问题描述

id = tip2 的部分应该隐藏的，这里为什么没有隐藏呢？请帮忙看一下，谢谢  <dl style="width: 460px;height:336px;border:solid 10px #009900;overflow: hidden;"> <dt id="changePic" style="overflow: hidden;margin: 0px;padding: 0px"> <img id="index11" alt="云的浪漫" src="1.jpg" type="changeImg"> <img id="index12" alt="夕阳与你我" src="2.jpg" type="changeImg"> <img id="index13" alt="朝阳" src="3.jpg" type="changeImg"> </dt> <dd id="tip2" style="margin:0px;position: absolute;left: 18px;top: 753px;background-color:black;width:400px;height:50px;filter:alpha(opacity=50);opacity:0.5;color:red;size: 30px;text-align: center"> </dd></dl>

解决方案

position:absolute改成position:relative

时间： 2024-10-30 06:55:43

overflow 溢出部分不隐藏的相关文章

overflow与text-indent:-9999px 字体隐藏及input value偏移

核心提示:overflow与text-indent:-9999px 字体隐藏及input value偏移 作为一个web前端开发 为了html语义化 常常要给内容模块加上一些标题来让页面更有意义 当然还有我们的图片按钮 在抛开css裸奔的情况下也能很顺利的汲取到页面信息 通常为了传达更好的视觉效果 我们常用图片替代掉字体 而早前的前端开发常直接不在html中给出内容 用 :(甚至为空) 这样在没有加载到css时就无法知道这个区块究竟是什么内容了 正题开始 通常偏移掉字体的方式是 使用text-i

css隐藏文字一些方法总结

有时候,我们会用图片代替文字,最常用的就是用在input按钮上. 以前,我都会用text-indent:-9999px将文字移到页面外面,但这个方法在IE6下有个"bug",不属于块元素的应用此css属性后,此块的内容也会消失,这时候需要将这块内容设置为块元素(display:block;). 最近,我习惯给一些固定长宽的元素使用line-height:999em进行移除文字,但这时候需要给此元素添加一个overflow:hidden进行截断,否则此块就会被line-height:99

CSS隐藏文字的几个方法

简单介绍几种CSS隐藏文字的方法,希望对大家有所帮助. 作为一个web前端开发 为了html语义化 常常要给内容模块加上一些标题来让页面更有意义 当然还有我们的图片按钮 在抛开css裸奔的情况下也能很顺利的汲取到页面信息 通常为了传达更好的视觉效果 我们常用图片替代掉字体 而早前的前端开发常直接不在html中给出内容 用 :(甚至为空) 这样在没有加载到css时就无法知道这个区块究竟是什么内容了 正题开始 通常偏移掉字体的方式是 (1) 使用text-indent:-9999px; 可是他有一个

CSS出现overflow的一些问题

  overflow有问题吗?没问题.那为什么说要慎用呢?因为有时会导致一些问题... 关于overflow:auto的,很多人贪他书写方便,直接用来清除浮动.但是Firefox使用overflow:auto会产生focus,引用网友fireyy的评论 我想这是FF浏览器的一个"可用性和亲和力"(usability/accessibility)的设定,当设定了overflow:auto或者 overflow:scroll的元素不能完全显示内容的时候(出现滚动条),针对于键盘使用者,就可

html-如下一段简单的HTML-CSS代码，为何加了overflow就能实现目的？

问题描述 如下一段简单的HTML-CSS代码,为何加了overflow就能实现目的? 目的:HTML中两块div,右侧固定宽度200px,左边的填满剩下的宽度 要求:左侧的div宽度是随可视区宽度变化而变化的,不能用calc()和CSS预处理语言 HTML: <div class="right"></div> <div class="left"></div> CSS: .left { overflow: hidden;

html-请问div怎么固定宽度，吧一行超出的文字隐藏但不换行？

问题描述 请问div怎么固定宽度,吧一行超出的文字隐藏但不换行? 我是这样设的:<div style="width:100px; overflow: hidden;"> 但是每一行的内容找装不下的不会隐藏,而是自动换行. 解决方案 可以设置div的大小,然后设置overflow属性为hidden,这样就会将超过的部分隐藏掉了.注意高度设为一个字宽. 如<div style="width:50px;height:1em;overflow:hidden;&quo

CSS隐藏文字的一些方法总结

  作为一个web前端开发 为了html语义化 常常要给内容模块加上一些标题来让页面更有意义 当然还有我们的图片按钮 在抛开css裸奔的情况下也能很顺利的汲取到页面信息 通常为了传达更好的视觉效果 我们常用图片替代掉字体 而早前的前端开发常直接不在html中给出内容 用&nbsp:(甚至为空) 这样在没有加载到css时就无法知道这个区块究竟是什么内容了 正题开始 通常偏移掉字体的方式是 (1) 使用text-indent:-9999px; 可是他有一个局限性 他只适用于块级元素block 而我们

html-CSS中，line-height与font-size关系

问题描述 CSS中,line-height与font-size关系 如果font-size大于line-height会怎么显示,这幅图该怎么理解 解决方案 font-size大于line-height会溢出容器显示,如果容器增加overflow:hidden就会隐藏溢出的内容 <div style="font-size:20px;line-height:12px">abb</div> <div style="font-size:20px;line

浅谈DIV+CSS快速布局几年心得经验

我从事网页设计行业,已经有两年光景了,浏览器对CSS的识别是让我最头疼的,我曾经彷徨了好一阵,然后不断的收集资料,不断地研究,终于有一点儿小小的经验适用到我的工作中去了.可能这点儿经验不算什么,但是我想还是有帮助的,特别是对于刚接触CSS不久,然后仍然徘徊的初学者们,希望对你们有所帮助和借鉴. 1.DIV起初布局和CSS的大方向规划 * {margin:0; padding:0;word-break:break-all;} body {background:#eeeeee url(../imag