2 zzzcsd zzzcsd 于 2016.04.16 15:55 提问

伪类元素可否移动位置?

.item::before{
content:url(./2.jpg);
top:30px;
left:30px;
}

设置位置好像不起作用,咋整?

2个回答

perhapschen
perhapschen   2016.04.16 17:00

position未设置
设置为absolute/relative/fixed,left top才会起作用

tangtang_fly
tangtang_fly   2016.04.22 18:41

缺少定位,top,left没生效

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
用伪类制作小三角形的位置问题
问题描述:在下拉菜单中会常常用到用伪类(:after)制作小三角形。然而小三角形的位置通过padding和margin却很难控制。 采用position:relative可以很好地控制其位置。 代码: html代码<div class="tab-head">学科领域</div> css代码.site-accordion>li .tab-head:after{ content: '';
关于:after和:before伪类的用法,以及让浮动占据高度问题。
第一次写技术博客。写得不好的话,大神们请见谅啊。 前段时间有个搞前端搞得还不错的朋友去面试,被问到了一个问题。就是怎么用一个标签画出一个铅笔状的图形。就像下图这样。 当时我还有点懵,感觉一个标签做不到啊。最少两个。一个div画个正方形,一个div画个三角形。还百度了好久都没找到解决方案。 应该很多人都知道怎么不用一个div画个三角形吧?如果实在不知道的话,我这里也可以说一下,就是使用
Web前端面试题 CSS部分问题与解答
1. Q: CSS 属性是否区分大小写?ul { MaRGin: 10px; }A: 不区分。 HTML,CSS都对大小写不敏感,但为了更好的可读性和团队协作一般都小写,而在XHTML 中元素名称和属性是必须小写的。2. Q: 行内(inline)元素 设置margin-top和margin-bottom 是否起作用? A: 不起作用。(答案是起作用,个人觉得不对。) html 里的元
如何在实际项目中使用before/after伪类的
一、诉说前言 before/after伪类相当于在元素内部插入两个额外的标签,其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上,可以简化HTML代码,提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛,不过貌似我们这边前端er们普遍缺乏使用这两个伪类的意识,要使用顶多也就是跟风的“清除浮动”应用。 我想,这可能受兼容性思维影响——IE6/7浏览器并不支持,还是等什么
js伪类的获取
伪类的获取:        在Dom2中,增强了document.defalutView,提供了getComputedStyle()方法, 此方法接受两个参数,第一个参数为想要获取样式的元素对象,第二个参数是伪元素字符串。如果 不需要获取伪元素则可以不写,或者写成null;       具体使用方法: css代码:     js代码:    输出结果: 有结果可以看出他
关于before和after以及content的用法
一、伪元素和伪类的区别 在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号,即 :before为伪元素 ; ::before为伪类; 关于语法和浏览器支持 伪元素实际上在CSS1中就存在了,但是我们现在所讨论的:before和:after则发布于CSS2.1中。在最初,伪元素的语法是使用“:”(一个冒号),随着web的发展,在CSS3中修订后的伪元素使用“::”(两个冒号),也就是::
伪类元素无法给定事件
例如:div:after 这样的伪类元素 不能够绑定事件。
css3 a标签用伪类写下划线动画效果
before在a标签之前的横线动画 从左往右动画效果 html代码: ul> li>a href="">哈哈a>li> li>a href="">嘿嘿a>li> li>a href="">啊啊a>li> li>a href="">下划线a>li> ul> css样式: ul>li>a:before{ position: absolute;
:before和:after伪类元素创造神奇效果
转自:http://www.alixixi.com/web/a/2011090273706.shtml 文章简介:伪类元素之美. 通过使用:before和:after,你能创作出让人称奇的视觉效果。对页面中的每个元素,你都有两个额外的可以控制的元素,本来这些是需要额外的元素来实现。他们给设计带来了更多的趣味性的空间,而不是增加无语义的有负面影响的标签。这里给
jQuery选择器详细介绍:伪类选择器
jQuery选择器详细介绍:伪类选择器 二、子元素伪类选择器 总结: (1)“:first-child”是选择父元素下的第1个子元素(不区分元素类型),“:first-of-type”是选择父元素下某个元素类型的第1个子元素(区分元素类型) (2)在“:only-child选择器”中,父元素是只有一个子元素的。但是在“:only-of-type选择器”中,却可以有多个子元素