pseudo-element

    0熱度

    2回答

    我有一個<li>,它的寬度有限制,高度設置爲1:1的寬高比。 然後,我有一個元素,其中絕對定位100%的寬度和高度。然後我添加一個圖標字體到:before僞元素。我如何垂直居中該僞元素? 我的代碼是: li +span-columns(1, 6) a +border-radius(50%) display: block position: rel

    1熱度

    1回答

    我最近一直在閱讀很多關於字體圖標的知識,幾乎每個我看到的網站都使用:before和:after僞元素與content屬性的組合將字體圖標插入到DOM中。 但是,我沒有看到爲字體圖標使用這些僞元素的優勢。實際上,我覺得使用它們有兩大缺點:IE7及其以下版本不支持:before和:after,並且使用它們很難定位內容。 因此,我的問題是這樣的:爲什麼使用:before和:after來插入字體圖標到DO

    6熱度

    1回答

    http://www.wordherd.co/#features 就在這個網站上,當我嘗試看看在任何的圖標(如「地圖」)使用Firebug源圖像文件,它會顯示某種unicode的內容。 如何獲取源圖像文件?我試圖瞭解他們正在使用的黑客來防止圖像被訪問。

    3熱度

    1回答

    我一直試圖在引導程序3中將插入符用於輸入組元素。至今未能實現。嘗試使用表格單元格顯示插入的僞元素,嘗試絕對定位,嘗試使用內容屬性來顯示Web字體插入符號而不是我首選的CSS三角形符號。只是不能把我的頭圍繞在這個上面。 Here's a JSFiddle(紅色邊框是我期望插入符號顯示的位置)。 .input-group .input-group-addon:last-child:before, .

    2熱度

    3回答

    我正在使用CSS3全寬下拉菜單,但有些細節我無法正確理解。 :-( 我怎麼努力實現這一目標是: 你可以看到有是主菜單,子菜單之間的一個小20px的空間在這個例子中,我用一頂邊距:但是這並不奏效,因爲你會用光標離開懸停區域,並且子菜單會消失。只有子菜單的ul容器「接觸」懸停區域時,下拉菜單纔有效 它嘗試過使用ul:在竅門之前在子菜單ul之前添加一個空白塊,但不知何故,doe不工作。 :(它沒有像塊應

    0熱度

    1回答

    我試圖用:before或:after創建一個元素,並將其放置在其父元素的底部,在元素的中間位置以隱藏盒子陰影那裏。這似乎工作,除了IE瀏覽器。 示範:http://jsfiddle.net/XV6pT/ 從:before白色邊框應該覆蓋的下邊框與其箱陰影。但是,在Internet Explorer中,不顯示按鈕底部邊界下方的元素部分。 有沒有過濾器或類似的東西隱藏(根據How do I stop

    0熱度

    1回答

    我認爲它可能與僞元素有關,但我不確定。我在使用css3進行變換轉換時遇到了困難。在Firefox v24中,效果按照我的要求運行 - 請參閱CodePen http://codepen.io/patrickwc/pen/aKEec,但在Chrome和IE中,鏈接的邊框效果會生成動畫,然後突然切換回位置。這很難描述,所以最好的方法是在Firefox或IE或Chrome瀏覽器中查看效果。 body {

    0熱度

    3回答

    demo HTML <div class="search"> <input type="text" value="search..." /> <input type="image" value="Q" /> </div> CSS .search{ width: 400px; background-color: gray; border-rad

    0熱度

    1回答

    我使用viewport selectors jQuery插件,並試圖在幾個元素執行相同的任務: $('#something').each(function(){ var current = $(this); if ($(this + ':in-viewport')){ console.log(current.attr('id')); } }); 我做

    2熱度

    1回答

    我確信這是一個容易的,但我不能得到它的工作。從本質上講,我正在構建一個風格指南,以便讓設計師/開發人員更輕鬆地工作。我試圖完成的是這個, 我有一個托盤充滿了塊,其背景色是通過LESS使用mixins在飛行中生成的。我希望能夠輸出由mixin生成的值,並在之前使用CSS僞元素將其附加到對象。 這裏是我的代碼: @defaultPrimaryColor : #f00; #block1{ backgr