itRef.cn技术参考网站

当前位置: 主页 > CSS >
  • [CSS] 淘宝SDK模块中的position:absolute被过滤 日期:2013-10-27 21:16:17 点击:259 好评:0

    问题描述 由SDK制作的模板,如果在模板配置参数面板里输入带有position:absolute样式的html,position:absolute竟会被过滤掉,但是可以使用另一种方法解决。 问题解决 虽然过滤了position:absolute,但是没有过滤自定义class。因此可以在每个模块的样式中加...

  • [CSS] 淘宝SDK模板制作悬窗方法 日期:2013-10-24 14:29:57 点击:211 好评:0

    问题描述 淘宝已经限制了css中 position:fixed 的使用,因此随页面滚动的悬窗将不可使用。可还是有一些其它方法实现类似的需求,如要固定位置,可以把要显示的内容做成背景图片,达到固定位置的效果。还有就是虽然不能随窗口滚动,但可以在左右空白的位置悬...

  • [CSS] 淘宝SDK模版,制作导航下拉菜单 日期:2013-10-23 21:42:55 点击:85 好评:0

    问题描述 新的淘宝SDK有很多限制,比如取消了position:fixed等。同时也放开了一些系统模块,可用CSS进行重新设定样式。在开发SDK模板的时候,如何制作导航弹出自定义的二级菜单呢? 问题解决 使用Popup弹出层Widget,每个父导航,对应一个弹出层,弹出层可以...

  • [CSS] 给网页图片加鼠标悬浮的透明效果 日期:2013-10-14 21:18:26 点击:211 好评:0

    问题描述 为了增强网页的交互效果,当鼠标移动到图片的时候,最好能响应一下鼠标悬浮的动作,给图片适当的变化,如改变边框颜色、粗细,上下稍微移动,增加减少透明度等。 问题解决 给图片鼠标悬浮加透明度效果 style type=text/cssa:hover img{opacity:0.8;...

  • [CSS] 实时在另一个容器中显示textarea输入的内容 日期:2013-10-14 00:10:05 点击:98 好评:0

    问题描述 有一个例子,当在textarea输入内容后,需要在一个容器中显示所输入的内容。解决的关键在,需要绑定textarea的onkeyup事件。 问题解决 实时在另一个容器中显示textarea输入的内容实例 textarea id=txts onkeyup=show(this); style=width:300px;heigh...

  • [CSS] 手机端wap页面宽度的问题 日期:2013-10-14 00:01:38 点击:137 好评:0

    问题描述 手机端浏览html页面,页面被缩小显示,这个是因为viewport没有设置的原因。如果没有设置viewport的话,手机端的浏览器会在其屏幕的宽度下缩小显示网页的内容。 问题解决 通常都在html的head标签内设置viewport,来限制屏幕显示区域。 meta name = v...

  • [CSS] css3截断字符串或隐藏多余字符的方法 日期:2013-10-10 09:26:00 点击:127 好评:0

    问题描述 在css2下,多余字符在超过容器宽度时只能隐藏掉,尾部没有省略号。在css3下使用text-overflow: ellipsis则可以使长字符串截断并在尾部加上省略号。 问题解决 CSS隐藏多余字符串实例 div style=width:100px;height:24px;line-height:24px;white-spac...

  • [CSS] css3截断字符串或隐藏多余字符的方法 日期:2013-10-10 09:26:00 点击:263 好评:0

    问题描述 在css2下,多余字符在超过容器宽度时只能隐藏掉,尾部没有省略号。在css3下使用text-overflow: ellipsis则可以使长字符串截断并在尾部加上省略号。 问题解决 CSS隐藏多余字符串实例 div style=width:100px;height:24px;line-height:24px;white-spac...

  • [CSS] 简单实用的css tab模块 日期:2013-09-24 16:27:02 点击:144 好评:0

    问题描述 有时页面上需要tab模块,但又不想使用背景图片,而是使用纯css实现,且要兼容大多数浏览器,css的写法总是有些难度,因此贴出纯css的tab模块,以备忘。 问题解决 style.tab2 .tabT2 li{background-color:#EEE;line-height:24px;float:left;height:2...

  • [CSS] 在mac、iphone、ipad等设备中清晰显示网页背景图片 日期:2013-09-16 11:54:58 点击:102 好评:0

    问题描述 由于mac、iphone、ipad等设备的分辨率比较高,所以同样的图片尺寸在一般显示器显示很清晰,但在这些设备上就显得有些模糊。解决的方法就是使用大尺寸的图片缩放显示。因此需要用到background-size属性。 background-size:背景图片缩放的宽度 背景图...

栏目列表
推荐内容