CSS中filter属性修饰子元素不会影响父元素效果的解决办法

23

2022-05

CSS中filter属性修饰子元素不会影响父元素效果的解决办法

在前端开发中,会经常碰到一些图标需要通过css中filter属性来修饰,让同一张图标在鼠标经过时变成白色,这样就会减少同一张图标不用制作2种颜色来适配交互效果。filter属性是在HTML页面中img元素上使用的,其他像背景调用不要使用此属性,有时候使用不当会影响到其他元素的效果。 ......查看更多>>

百度编辑器出现图片焦点属性无法编辑下文的解决方法

23

2022-05

百度编辑器出现图片焦点属性无法编辑下文的解决方法

在使用百度编辑器时,上传完图片后,如果点击图片会出现图片焦点属性,导致不能再编辑下文或其他区域,如何解决这个问题,其实方法很简单,点击编辑器面板上的 自动排版 按钮就会失去图片属性焦点,然后按回车键,可编辑下文。 ......查看更多>>

网站设计中一些常用的互动效果使用

14

2022-05

网站设计中一些常用的互动效果使用

网站设计中不乏要设计一些互动效果,主要是让网站页面看起来更加漂亮,浏览起来更加人性化,目前网页上主要的互动效果有菜单的弹出与切换;图片的滚动;触发到一些指定区域产生的互动等。 ......查看更多>>

如何写出高性能SQL语句?

24

2022-03

如何写出高性能SQL语句?

执行计划是数据库根据SQL语句和相关表的统计信息作出的一个查询方案,这个方案是由查询优化器自动分析产生的,比如一条SQL语句如果用来从一个 10万条记录的表中查1条记录,那查询优化器会选择“索引查找”方式,如果该表进行了归档,当前只剩下5000条记录了,那查询优化器就会改变方案,采用 “全表扫描”方式。 ......查看更多>>

最新常用的正则表达式大全

19

2022-02

最新常用的正则表达式大全

正则表达式通常用于字符串处理、表单验证等场合,实用高效。现将一些常用的正则表达式收集于此,以备不时之需。在项目开发中,建议先检查正确无误后再使用。用户名:/^[A-z0-9_-]{5,25}$/密码:/^[A-z0-9_-]{8,25}$/十六进制值:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/电子邮箱:/^([A-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z ......查看更多>>

如何通过css让一张图片叠加在另一张图片上

19

2022-02

如何通过css让一张图片叠加在另一张图片上

如何通过css让一张图片叠加在另一张图片上,是许多网页设计师经常用到的,下面织晶网络技术部可以介绍两种常用的办法:1. 通过css样式把底部图片做为背景,调用background-image (背景图片)样式, 再用html标签写出叠在上面的图片代码等,图片就会叠在在背景图片上。这样编写的上部图片可以灵活调用,而底部的背景图片只能通过修改css样式来替换,相对维护起来比较困难。2. 一张图片在底层 ......查看更多>>

box-shadow前端设计经常用到的图层阴影效果(上)

19

2022-02

box-shadow前端设计经常用到的图层阴影效果(上)

CSS3的box-shadow有点类似于text-shadow,只不过不同的是text-shadow是对象的文本设置阴影,而box-shadow是给对象实现图层阴影效果。demo{box-shadow: <取值> <取值> <取值> <取值> <取值> }对应的:demo{box-shadow: inset x-offset y-o ......查看更多>>

box-shadow前端设计经常用到的图层阴影效果(中)

19

2022-02

box-shadow前端设计经常用到的图层阴影效果(中)

上一次我们讨论了box-shadow是给对象实现div容器的阴影效果,以及它的css样式,今天我们讨论一下box-shadow中的css样式个代表什么意思。例如:demo{box-shadow: inset x-offset y-offset blur-radius spread-radius color}box-shadow属性至多有6个取值设置,他们分别代表:Inset代表阴影类 ......查看更多>>

什么是IPv6技术?

19

2022-02

什么是IPv6技术?

现在IPv6的技术应用已经越来越普及了, 很多应用都开始支持IPv6。去年开始,支付宝的官网上就已出现“支持IPv6”标识。对于即时通讯技术(尤其是IM应用)的开发者来说,新产品上架苹果的App Store因IPv6问题被拒的情况,很常见。到底什么是IPv6,还是有点云里雾里。1、看一下什么是IPv4?IPv4是Internet Protocol version 4的缩写,中文翻译为互联网通信协议 ......查看更多>>

浏览器兼容圆角Border-radius的问题

19

2022-02

浏览器兼容圆角Border-radius的问题

圆角css代码:border-radius只有在以下版本的浏览器:Firefox4.0+、Google Chrome 10.0+、Opera 10.5+、IE9+支持border-radius标准语法格式,对于老版的浏览器,border-radius需要根据不同的浏览器内核添加不同的前缀,比说Mozilla内核需要加上“-moz”,而Webkit内核需要加上“-webkit”等,那么为了能兼容各大 ......查看更多>>