摘要: 有人说,程序员是吃青春饭的。究竟是不是如此呢? 我猜想这个观点的起因是以下几点: IT行业在中国起步于90年代,很多人都没有坚持下来,到现在为止,剩下来超过40的也就寥寥无几了 这个行业基本都是加班制度,996?也不对的。据我了解,很多公司加班正常是9,10点,上线发布到11,12点后,要是活动的话 阅读全文
posted @ 2020-08-13 18:11 Giwen 阅读(321) 评论(1) 推荐(0) 编辑

很常见的一个需求,就上图每个国家图标都得加上各自指定的a标签

这时,我们就可以去加上隐藏且定位准确的几个a标签

这个时候,主要用到的就是text-indent和overflow 这两个属性的配合。text-indent 属性规定文本块中首行文本的缩进;overflow 属性规定当内容溢出元素框时发生的事情。

案例

<div style="position:relative;margin:0 10px;">

<img src="https://i.alipayobjects.com/i/localhost/png/201501/4DiyU5rSSb.png" style="width:100%">

<a id="tuishui1" href="http://ds.alipay.com/fd-peece7p90o1/index.html" class="country" style="width:16%;height:17%;left:14%;top:21%;">荷兰</a>

<a id="tuishui2" href="http://ds.alipay.com/fd-nn1d11oso5k/index.html" class="country" style="width:23%;height:25%;left:18%;top:53%;">意大利</a>

<a id="tuishui3" href="http://ds.alipay.com/fd-556xg2aa4tq/index.html" class="country" style="width:16%;height:18%;left:35%;top:34%;">德国</a>

<a id="tuishui4" href="http://ds.alipay.com/fd-vsnvd6on474/index.html" class="country" style="width:15%;height:16%;left:43%;top:12%;">瑞士</a>

<a id="tuishui5" href="http://ds.alipay.com/fd-leogk4hpv6s/index.html" class="country" style="width:21%;height:22%;left:64%;top:4%;">英国</a>

<a id="tuishui6" href="http://ds.alipay.com/fd-ytp228dt7wn/index.html" class="country" style="width:22%;height:24%;left:55%;top:30%;">韩国</a>

<a id="tuishui7" href="http://ds.alipay.com/fd-vtev8ix3xsw/index.html" class="country" style="width:19%;height:21%;left:65%;top:57%;">法国</a>

<a id="tuishui8" href="http://ds.alipay.com/fd-j1338t72e2q/index.html" class="country" style="width:16%;height:18%;left:48%;top:78%;">西班牙</a>

</div>

<style>

.country {
  position: absolute;
  display: block;
  text-indent: 30em;
  overflow: hidden;
  border-radius: 100px;
}

</style>

 

posted @ 2015-03-27 16:11 Giwen 阅读(624) 评论(0) 推荐(0) 编辑
摘要: CSS3 transform是什么?transform的含义是:改变,使…变形;转换CSS3 transform都有哪些常用属性?transform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 r... 阅读全文
posted @ 2015-03-27 15:22 Giwen 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 发现animation这个新属性很有趣,在此学习,并整理下! 浏览器支持: Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性; Safari 和 Chrome 支持替代的 -webkit-animation 属性。 定义和用法 ... 阅读全文
posted @ 2015-03-27 15:18 Giwen 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域、跨域两种情况。由于客户端js使用浏览器的同源安全策略,跨域情况下,被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况,提示错误:Permission denied to access property 'document'。这是因为除了包含脚本的文档载入的主机外,同源策略禁止客户端脚本链接到其他任何主机或者访问其他任何主机的数据。这意味着访问一个web服务的javascript代码通常只有在它也驻留在Web服务本身所 阅读全文
posted @ 2013-10-23 13:57 Giwen 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 关于一个WEB前端的职业规划,其实是有各种的答案,没有哪种答案是完全正确的,全凭自己的选择,只要是自己选定了,坚持去认真走,就好。在这里,我只是简要说一下自己对于这块儿内容的理解。任何规划和目标的实现都依赖于知识的积累,而知识的积累来源于学习及学习后大量的实践。 三、四月份--产品思想的学习 ... 阅读全文
posted @ 2013-05-07 09:41 Giwen 阅读(425) 评论(0) 推荐(0) 编辑
摘要: 原学PHP,应工作需要,学习JAVA。。 身为初学者的我就是怎样学习的,当大家学到一定程度的时候,可以考虑用MVC的模式开发。在练习这些代码的时候,你一定将jdbc的驱动程序放到服务器的类路径里,然后要在数据库里建一个表test,有两个字段比如为test1,test2,可以用下面SQL建 crea... 阅读全文
posted @ 2012-10-19 10:01 Giwen 阅读(421) 评论(0) 推荐(0) 编辑
摘要: 刚工作将近两个月了,可是我却还是没适应这份工作。。本来平定的心情,也因今天新来的室友而再次烦躁。。想换工作的欲望更加强烈了。。 想起今天看到的那句话,“要么拼命,要么滚回家。。不面对困难,你永远不知道自己的潜力如何。。”是的,我根本不知道我的潜力如何,因为每次一遇见困难我就只知道回避,或者是让别... 阅读全文
posted @ 2012-04-04 10:37 Giwen 阅读(394) 评论(6) 推荐(0) 编辑
摘要: 昨天发了自己最近的一些感想,关于女生学程序的问题。。很多人回应了,感觉很温馨。。谢谢你们呢!让我坚定了在IT这条道路上的决心了呢!不知怎么的,就已经毕业了,似乎以前抬头看的毕业生,现在呢,呵呵,自己都成了二代学姐了。 昨天大家跟我的交流,我还是深有感触的呢!就比如: “编程这事如果没兴趣是非常枯燥的 阅读全文
posted @ 2012-04-04 09:36 Giwen 阅读(3569) 评论(60) 推荐(6) 编辑
摘要: 我是一个女生,专业是信息管理与信息系统。当时填志愿的时候,以为是管理类的的。。到学校发现,原来侧重于信息系统,也就是计算机这一块。本来是不怎么喜欢这一行的,因为当时单纯的觉得计算机太普遍了,可能没什么前途。。可是,我的专业就是这样子的啊。。想过转专业,可是自己想的那几个专业,要不是艺术类的,要不然就... 阅读全文
posted @ 2012-04-03 14:19 Giwen 阅读(7757) 评论(230) 推荐(7) 编辑
点击右上角即可分享
微信分享提示