1. 程式人生 > >css 對div用hover設定border,出現抖動和div走位問題,解決方法

css 對div用hover設定border,出現抖動和div走位問題,解決方法

樣式設定 : div:hover { border:1px solid red;} 當滑鼠移動到div時,產生抖動和偏移。
產生的原因: 是因為設定border時設定了1px邊框,多出的這1px,與其它元素產生了擠壓, 導致div偏移。
解決方法: 第一種方法:是先將這個div設定一個跟背景顏色一樣的邊框,比如背景顏色為#aaa;那麼你先設定這個div的樣式:div {border:1px solid #aaa;},然後再設定hover動作,div:hover { border:1px solid red;} 。第二種方法:將這個div的border顏色設定為透明
div {border:1px solid transparent;},然後再引入hover動作div:hover { border:1px solid red;} 。

希望yoeaki的經驗對你有所幫助!!!!!!!!可以私信一起學習探討(第一次寫部落格不知道有沒有這個功能)

相關推薦

css divhover設定border出現抖動div問題解決方法

樣式設定 : div:hover { border:1px solid red;} 當滑鼠移動到div時,產生抖動和偏移。 產生的原因: 是因為設定border時設定了1px邊框,多出的這1px,與其它元素產生了擠壓,

開發JAVA9以上的項目時出現ClassNotFoundException: javax.xml.bind.JAXBException的解決方法

inf XML alt exce span pan vnr BE class 一、問題描述:   開發JAVA9以上的項目時,出現ClassNotFoundException: javax.xml.bind.JAXBException的解決方法 二、問題樣例  

MacOS 更新後出現xcrun: error: invalid active developer path解決方法

報錯: xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin

Python安裝第三方庫出現‘PyThreadState’ has no member named ‘exc_type’解決方法

最近由於工作需要,要從hbase中讀取資料,然後處理過後,展示給使用者,在網上搜通過Python的happybase模組可以進行簡單快捷的讀取,但是在安裝happybase,讓我非常不開心,具體錯誤如下: Collecting happybase Using

mysql匯入較大sql檔案出現MySQL server has gone away的解決方法

問題描述:工作需要檢視備份資料,故將mysql資料庫的定時備份資料匯入到mysql中,出現如下圖所示問題。 使用命令執行: mysql> use auction-oa Database changed mysql&g

ListView 設定 scrollbars 之後出現的細線白邊的解決方法

最近有個需求需要自定義ListView 的 scrollbars 。寫完設計師說有個白邊。 大概這樣子,只有在模擬器上會有。想了一下,這麼細,而且是拖動滾動條之後出現的,考慮是模擬器硬體渲染沒處理好。 我就使用了軟體繪製,就修正了問題了。這樣解決的: <ListV

執行selenium指令碼時出現錯誤:ERROR: install_util.cc(603) 解決方法

基於python語言的selenium指令碼,執行時,雖然也可以跑,但是會出現錯誤資訊,如圖: 原因:應該是找不到登錄檔資訊,MachineLevelUserCloudPolicyEnrollmentToken 解決方法: 1. 開啟登錄檔編輯器 使用快捷鍵,WI

建立一棵二叉樹連結串列方式儲存的二叉樹其進行遍歷(先序中序後序)列印輸出遍歷結果

題目如下 程式碼如下 #include<stdio.h> #include<stdlib.h> #include<malloc.h> typedef struct Node//結構體 {

Jquery點選展開出現隱藏的DIV,點選收起DIV又隱藏起來.

<script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(function() {

GoDaddy支付寶付款時出現我們無法處理這筆交易請查看您的付款信息並重試。

style 提示 com 信息 系統 國家 域名 ffffff AC 一、GoDaddy操作流程 在GoDaddy上購買及註冊域名的操作步驟,請參考https://www.jianshu.com/p/05289a4bc8b2進行操作。 二、我遇到的問題 今天用GoDaddy

輸出九九乘法表乘法的乘積佔兩並靠左每個乘法表達式之間有一個空格!

public class Main {     public static void main(String[] args) {                   &n

Pycharm下執行除錯Python專案時當除錯既需要給除錯的程式傳入命令列引數又需要程式在設定的斷點處停下里檢視變數時的解決方法

  今天在除錯了一個複雜的Python專案,其中這個專案的除錯需要事先從命令列讀取引數,並且在除錯期間需要再事先設定的斷點處停下來。檢查相關的變數。   問題是,在Pycharm的Terminal 輸入檔名+引數後,程式就處於執行狀態,除非程式出錯,否則程式會一

div塊中設定margin-top時影響父div塊位置的解決辦法及其原因

解決辦法①: 若子DIV塊中使用margin-top,則在父DIV塊中新增:overflow:hidden; 解決辦法②: 在子DIV塊中用padding-top代替margin-top。 有個叫 bfc 的東西 叫 塊級元素格式化上下文 overflow hidden 或者描邊可以觸發 bf

XP下開機藍屏有提示“0xC0000218 unknown hard error”的解決方法帶Windows PE的光碟)

參考源:百度 --------------------------------------------------------------------------------------------

DIV塊中設定margin-top時影響父DIV塊位置問題

相信很多前端同學在做頁面開發的時候都遇到過這樣的問題。給一個div內部的div設定一個margin-top,結果它的父級跟著它一起下移了。如下面的程式碼.a { width:100px; height:100px; } .b { width:50px; height:50px;

設定多行文字超出顯示省略號在手機端超出部分無法隱藏解決方法

方法一: 跨瀏覽器相容的方案 比較靠譜簡單的做法就是設定相對定位的容器高度,用包含省略號(…)的元素模擬實現; p{ position:relative; line-height:1.4

DIV塊中設定margin-top時影響父DIV塊位置的解決辦法

在文章《實現文字滾動》中子DIV塊#main中設定margin-top時,若父DIV塊#box中沒有“overflow:hidden;”,則子DIV塊中margin-top會影響父DIV塊的位置 解決辦法1: 若子DIV塊中使用margin-top,則在父DIV塊中新增:overflow:hidden; 解

Angularjs 前端資料orderBy排序單表頭多表頭處理單表頭不預設排序

  orderBy這個功能其實是內建的過濾器,他可以在html和js程式碼中使用     html:{{ orderBy_expression | orderBy : expression : reverse}}     js    :$filter('orderBy

外貿網站建設中div寬度設為100%手機或ipad顯示只有980px的解決方法

在外貿網站建設的時候,發現在 iPad 的 Safari 瀏覽器中背景顯示不全,定位到該 div 後發現所指定 css 的寬度為 100%, 到百度搜索後發現,safari 中 viewport 預設寬度為 980px,若事先未指定其初始 viewport 寬度,則會預設

VS2008執行MFC程序提示microsoft incremental linker已停止工作解決方法

++ fcm font 是不是 fontsize 程序 net sso c/c++ 事實上這邊是由於設置有問題。詳細的解決方式例如以下: 第一步:點擊項目->”你的文件“屬性->配置屬性->鏈接器->啟用增量鏈接 將 是(/INCREMEN