霍者博客

欢迎访问霍者博客(微信hylg1234)最新发布 练习题合集 软件合集 视频合集

解决CSS圆角样式在360浏览器兼容模式(IE)下无效的问题

今天我们来讲一讲关于CSS圆角样式border-radius在360浏览器兼容模式(IE)下无效的问题。

首先我们用CSS来画一个蓝色背景的圆,如下:

CSS样式

.yuan{
width:200px;
height:200px;
background:#39C;
margin:auto;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

效果图

...

阿里巴巴状告刷单平台傻推网索赔216万

刷单,这个对电商人来说心知肚明的事情最近要处在风口浪尖了,之前315上阿里巴巴表示将严厉打击刷单,然而刷单并没有因此绝迹。最近阿里巴巴集团向法院正式递交起诉书,状告刷单平台“傻推网”涉嫌严重危害市场竞争秩序,索赔216万元人民币。据了解,该案系全国首例电商平台状告刷单团伙案,递交当日已获法院立案。

10月25日,阿里巴巴在内的八家互联网公司受国家发改委、工商总局、中央网信办等七部委邀请,共同组建了“反刷单联盟”,并通过《反“刷单”信息共享协议书》宣誓共享反“刷单”信息、共同打击网络刷单行为。

...

ASPCMS 发布5条信息后,出现一条下划线的代码

废话不说,直接上代码:

<ul>{aspcms:list size=20 order=id}{if:[list:i] mod 5=1}{end if}
<li><a href="[list:link]">[list:title len=50]</a></li>
 {if:[list:i] mod 5=0}<hr/>{end if}{/aspcms:list}
</ul>

这里使用了{if:[list:i] mod 5=0}<hr/>{end if},这个代码之前一篇博文也提到过,大家可以点击查看《ASPCMS实现列表在table标签中一行3个然后换行的标签调用》。

...

a标签的href属性中的"#“与”javascript:;"的区别

众所周知,a标签的最重要功能是实现超链接锚点。而且,大多数人认为a标签最重要的作用是实现超链接。

其中,a标签内最重要的属性莫过于href了。那么关于href两者之间又有什么区别的呢?今天我们就来探讨一下!

首先我们接触较多的是

<a href="javascript:;"></a>
<a href="#"></a>

这两种写法。这两种写法到底有什么不同呢?用哪种来写更加规范呢?

...

图片特效-点击弹出大图代码

图片特效-点击弹出大图代码,刚从一个网站上扒下来的,还行。

DEMO下载地址一:http://it.ctfile.com/info/jUR340523

DEMO下载地址二:http://pan.baidu.com/s/1o8PMA9s 密码:k2vk

...

CSS3实现0.5像素边框

实现方法

1.设置目标元素作为定位参照

.border {
    position: relative;
}

2.给目标元素添加一个伪元素before或者after,并设置绝对定位

.border:before {
    content: "";
    position: absolute;
}

3.给伪元素添上1px的边框

...

DEDECMS织梦修改文章后如何不改变时间文章排序?

DEDECMS织梦修改文章后台默认的情况是这样的:

当你编辑完了点击提交,DEDECMS就会自动的把原先发布的时间改成当前的。也因此,在文章列表排序会把新编辑的文章排到前面。

这个过程对很多情况都是合理的,但是有些时候,我们不需要更新当前的时间,只需用原先发布的时间就行。

...

ASPCMS文章加上最新图标的解决方法!

搜索AspCms_MainClass.asp, 

搜索case "date" (有4处,但是只有2个地方要添加的,请注意一下的结构)

分别在后面加上一句,

'在下面
case "m-d"
nloopstr = replace(nloopstr,matchfield.value,FormatDate(rsObj("AddTime"),3))
'加入下面这句
case "new"                                                        
nloopstr = replace(nloopstr,matchfield.value,datediff("d",rsObj("AddTime"),now()))

模板内调用方法:

...

CSS3选择器-状态性伪类选择器(五)::selection伪类选择器

今天我们来学习一下selection伪类选择器,不是select下拉列表。

::selection选择器:

此选择器使用了两个“:”不是笔误,它的标准写法就是这样;作用主要是用来指定元素处于选中状态时的样式,案例如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312">
<title>CSS3选择器-状态性伪类选择器(五)::selection伪类选择器 | 霍者博客(huozheweb.com)!</title>
<style type="text/css">
    *{margin:0; padding:0;}
    body{margin-bottom:20px; font-size:14px;}
    p{height:30px; line-height:30px; font-family:"Microsoft Yahei";}
    p::selection{color:#fff; background:#900;}/*当文字选中时,背景红色,字体颜色为白色*/
</style>
</head>
    
<body>
    <p>霍者博客(huozheweb.com)!</p>
    <p>霍者博客,关注网页设计和网页技术的前沿信息的自媒体博客</p>
    <p>CSS3选择器-状态性伪类选择器(五)::selection伪类选择器 | 霍者博客(huozheweb.com)!</p>
</body>
</html>
...