收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 16414|回复: 15

[教程] 前端常见问题提问索引帮助帖

[复制链接]
发表于 2012-9-10 21:47:10 | 显示全部楼层 |阅读模式
目的:帮助会员解决一些常见问题
规则:1.决不允许灌水回复.
           2.提问描述需清晰有图上图,有代码上代码。
           3.会员亦可参与回答,热心会员有机会被推荐为论坛实习版主
           4.如果按照提问标题和内容能搜索到相关的答案或在本帖的已解决问题中能找到答案,直接给予论坛警告。
           5.如果问题会引起讨论请在本版另外发帖,若在提问中展开讨论,版主将在讨论区重新发帖,并编辑所有相关帖子内容加上 相关讨论主题:XXXXXXXXXXX 的帖子链接。
           6.如果解答者给出的信息能通过自己的阅读和研究得到最终答案,但提问者还是继续追问最终答案,将被禁言3天。(通过自己的研究找到直接答案是一个学习的过程)
           7.求网页效果请勿在本帖回复,过段时间会考虑开设相关功能贴。
提问模版:
     ID:
     标题:
     图片:
     问题描述:
     代码:

重复:不符合发帖规则,没有加上对应ID(见2楼3楼回复模式)的一律删帖。
主要目的:解决入门会员在板块重复发布一些无讨论意义的常见问题导致论坛帖子全部都是求助帖。对于常见问题的一个索引。

参与者
  提问/任何人
  管理/管理员、超版、版主、实习版主
  解答/热心会员、版主

帮助:如何贴代码和如何快捷插入图片
   未命名-2.gif
1.点击全屏按钮右边的高级变为红框常用可打开编辑器所有功能。
2.可在相册上传好事先准备好的描述图片然后快捷插入,也可直接上传图片。
3.@朋友右边2个是帖代码和帖可运行代码的功能。
4.选中禁用链接标示可以在允许代码中贴入url(代码有背景图片一定要选中此项)

对本帖有任何意见和建议可在蓝色经典事务管理 发帖提出
-----------------------------------------------------------------------------------------------------------------
已解决问题:
1.CSS设置背景半透明
解答1:RGBA配合IE滤镜
解答2:增加单独透明元素

2.ul设置了背景色但是却显示不出来
解答1:自我解决的方法得出要清除浮动的结论


-----------------------------------------------------------------------------------------------------------------
 楼主| 发表于 2012-10-14 11:20:44 | 显示全部楼层
     提问ID:2
提问或者回答请务必加上ID以便于管理阅读
     标题:ul设置了背景色但是却显示不出来的
     图片:由于问题简单直接运行代码就能看到。
     问题描述:ul设置了背景色但是却显示不出来的
     代码:

 提示:您可以先修改部分代码再运行


如能解答并告诉原理感激不尽。
回复 支持 3 反对 1

使用道具 举报

发表于 2012-9-17 11:47:04 | 显示全部楼层
本帖最后由 WellFrog 于 2012-9-18 09:49 编辑

解答ID:1
方法2

这个就需要在多定义一个层,这个层就是用来定义透明背景的,把它的z-index值设的比他的父级元素小就可以了。请看代码:

 提示:您可以先修改部分代码再运行


参考链接:http://www.dayday28.com/post/2011-12-28/12522118
回复 支持 3 反对 1

使用道具 举报

 楼主| 发表于 2012-10-14 11:31:30 | 显示全部楼层
解答ID:2
从自我解决的角度给你解答:
出现了文件我就是用chrome的开发工具(其他开发工具也可以firebug,ie8自带的调试工具)来查看ul元素,发现ul的高度为0。我通过删除法,删除li的float:left后得到背景色。从而知道了问题处在了li的浮动上面。
于是我就通过几种途径来解决;
1.首先按照我遇到的问题进行搜索:li浮动ul背景消失得到结果http://bbs.blueidea.com/forum.ph ... 960&pid=3674521
2.通过自己思考float对元素造成的影响,想到了浮动元素在文档中就不占位了。导致ul里面就像没有元素一样。

代码解决方法:
1.给ul加上overflow:hidden;我就一直这样用了。用了一段时间后出现一些莫名其妙的问题了。
2.给ul定高度300px,问题果然解决了,但是定死了高度我就不能让ul自适应li的高度和了。
3.通过阅读技术博客我了解到了清除浮动.clearfix是解决此问题最佳的方案,于是我就开始使用清除浮动方法了。
贴上代码

 提示:您可以先修改部分代码再运行


如果遇到不懂的先搜索再问
回复 支持 1 反对 2

使用道具 举报

 楼主| 发表于 2012-9-13 18:14:10 | 显示全部楼层
解答ID:1

提问或者回答请务必加上ID以便于管理阅读
方法1:
使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果
http://blog.linxz.de/ie_filter_css3_rgba/
方法2:给另外一个单独的DIV背景色配合opacity: 0.3;filter:alpha(opacity=30); (不推荐)
方法2:请点击此处



回复 支持 2 反对 1

使用道具 举报

 楼主| 发表于 2012-9-13 12:57:10 | 显示全部楼层
     ID:1
提问或者回答请务必加上ID以便于管理阅读
     标题:如何制作背景透明
     图片:由于问题简单直接运行代码就能看到。
     问题描述:我想要背景透明但是文字不透明。这里背景和文字全都透明了
     代码:

 提示:您可以先修改部分代码再运行


如能解答并告诉原理感激不尽。
回复 支持 3 反对 0

使用道具 举报

发表于 2013-3-14 14:29:19 | 显示全部楼层
UED 发表于 2012-10-14 11:31
解答ID:2
从自我解决的角度给你解答:
出现了文件我就是用chrome的开发工具(其他开发工具也可以firebug, ...

可以在ul {overflow:hidden;}就好了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-3-14 14:42:57 | 显示全部楼层
xiemeng 发表于 2013-3-14 14:29
可以在ul {overflow:hidden;}就好了

为什么overflow:hidden就好了呢?
回复 支持 反对

使用道具 举报

发表于 2013-4-29 18:20:58 | 显示全部楼层
在ul {overflow:hidden;}简单管用,非常感谢
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-4-29 18:50:19 | 显示全部楼层
chaoyue16 发表于 2013-4-29 18:20
在ul {overflow:hidden;}简单管用,非常感谢

overflow:hidden;并非最佳方案。如果一个元素不需要溢出隐藏 那就不能使用overflow:hidden
回复 支持 反对

使用道具 举报

发表于 2014-2-21 16:46:24 | 显示全部楼层
努力向大伙学习了!
回复 支持 反对

使用道具 举报

发表于 2014-3-10 11:33:34 | 显示全部楼层
学习学习
回复 支持 反对

使用道具 举报

发表于 2014-4-2 18:27:29 | 显示全部楼层
学习到了,感谢分享
回复 支持 反对

使用道具 举报

发表于 2015-5-13 14:53:15 | 显示全部楼层
澳客网2388.cn
回复 支持 反对

使用道具 举报

发表于 2015-11-7 09:32:29 | 显示全部楼层
感谢分享!
回复 支持 反对

使用道具 举报

发表于 2016-1-4 11:09:28 | 显示全部楼层
学习了,这个帖子不错~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-9-16 14:44 , Processed in 0.172416 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表